1.初学html的话，可以参考一下w3cschool的html教程，这个教程资料丰富，章节清晰，每个标签和属性都有详细的介绍，还可以在线编辑运行，对于初学者来说是一个很不错的选择，地址/html/html-intro.html：
本地练习的话，可以新建一个记事本，最后保存为html文件，用浏览器打开就行：
浏览器效果如下：
2.熟悉基本标签和属性后，就可以使用开发工具了，这里介绍3个开发工具，分别是Hubilder，Sublime Text，VS Code，使用起来都不错：
Hbuilder：这是专门用于web开发的一个工具，可以快速的创建html文档，自带自动补全、语法提示等功能，还可以将html打包为安卓应用或ios应用，是一个很不错的工具，这个直接到官网下载http://www.dcloud.io/：
Sublime Text：这是一个轻量级的代码编辑器，支持各种主流的编程语言，带有语法提示、自动补全的功能，插件丰富，官网地址/：
VS Code：这个是微软开发的一个代码编辑器，功能强大，基本功能都有覆盖，包括语法提示、自动补全、插件扩展等，同时还支持git功能，是一个很不错的代码编辑软件，官网地址/：
就介绍这几个工具吧，对于初学者来说，够用了，当然，还有许多其他的工具，像webstorm等，这里偶就不详细介绍了，感兴趣的可以到网上搜一下相关资料，初学html，最重要的还是要掌握好基本功，软件只是一个工具，希望以上分享的内容能对你有所帮助吧。
怎么样建自己的网站？
按下面的步骤完成你的网站：
一、服务器的购买
大家要运行自己的网站，首先要拥有一台自己的服务器。在这里偶仅讲一下ecs云服务器和虚拟主机的选择和区别，和一些买服务器的技巧。
1.选择虚拟主机还是云服务器？
这个问题比较常见和普遍的，但是可以比较负责的说当然是ECS虚拟服务器比虚拟主机好的多。首先价格上的优势比较明显了，你去购买虚拟主机的价格几乎都要比服务器的价格贵了，虚拟主机简单可以理解为虚拟服务器上做的N个隔间，一台虚拟服务器上可以生出无数个虚拟主机来，可以安装无数个的网站的，并且服务器的运维也变得越来越容易，很多的服务器面板可以使用，可视化的操作界面让大多数人可以轻松上手操作，但是能让自己操作的余地不是很多，仅仅是使用别人事先配置好的。
推荐大家买ecs云服务器，这种服务器开始的样子是黑白命令，纯linux系统，大家只要加上常用的宝塔面板，便可以可视化进行操作，十分方便。
2.服务器所在的地点
服务器地点的选择上遇到这样两个问题，一是需不需要备案，二是访问速度。
对于备案，只要是在国内地点的服务器，是都必须经过备案的，这里的备案不光是服务器，而且需要绑定上你的域名（域名购买下一节会讲到），而且域名备案又是有点繁琐，而且很多时候在填备案你建站的理由时，会被驳回。所以很多人会选择国外的服务器或者香港的服务器，这些服务器在运行时不会要求备案。
对于访问速度，当然是国内的服务器更快更好，但是价格相对较贵的国外服务器和香港服务器也不会太差。
综合来说，如果你是想长期做站长，还是推荐你买国内的云服务器并且备案，毕竟备案除了可以使网站能正常被访问，还是很多其他建站的条件（比如上限微信小程序用的域名必须经过备案）。如果你仅仅是想玩一段时间，你可以有这几种选择。1.购买国内服务器，并且购买别人已经备案好的域名（相对较贵）2.购买国外服务器或者香港服务器，做好偶尔会无法访问的心理准备。
3.服务器价格
如果你是学生，那么恭喜你，你可以用很低的价格购买到各大公司的学生机（阿里云、腾讯云、华为云，亚马逊等等都有学生机），价格不会很高，也就10元/月左右，基本是1g-2g内存，1核或2核cpu，都加赠40g不等的硬盘，对于运行正常网站来说绰绰有余。学生机的申请按照不同公司的要求，可能需要校园认证，或者学生证，这里就不详细说了。
4.服务器系统
服务器一般是linux和windows，大家建站就不要用windows了，选择linux就好，一般选择centos作为使用的系统。
域名的购买
有木有一些童鞋看到价格一下子放弃了呢？别这样嘛，毕竟也是一次锻炼的机会！下面介绍一下域名的购买。
对于上面提到的如果你是想买已备案的域名，那么可以跳过本节，因为那属于二手域名了，偶就不在本文介绍了。
推荐大家购买万网的域名，偶是在阿里云购买的，如下图，可以选择你想要的字母组合，最便宜目前就是top域名了（偶记得xyz好像更便宜，不过是搞活动才有），最低是9元/ 年，注意是一年！所以域名是十分便宜的，大家可以选择自己名字或者其他你喜欢的，都不会太贵。
这是偶搜索的小锦鲤的拼音，最低的果然是xyz才6元首年（注意是首年哦，续费可能贵！），所以大家要仔细斟酌。
域名解析
域名和服务器都购买成功后，需要把域名解析到服务器（通俗来说就是让服务器认识这个域名，绑在一起，让访问这个域名变成访问服务器），偶以万网的域名为例。
在域名中直接选择解析，点击添加解析，这里的记录类型，对于云服务器大多数都是A类，下面填上你想要的的二级域名，自定义喜欢就行。最下面记录值就是你的云服务器的ip地址，时间10分钟默认不变。
服务器面板安装
下面进入正题！购买服务器后，基本上在网页的最上端都有【控制台】三个字，可以进入这里管理大家买好的服务器，这里偶通过偶购买的华为云的ecs服务器为例，教大家安装宝塔面板（放心免费的！）
首先大家远程登录购买的服务器。
第一次远程登录也是这种黑白的样子，是不是很丑，也没有图形界面。偶这里运行过所以有很多代码。第一次登录需要输入用户名和密码，用户名是默认的root，密码在购买服务器时候会要求自己创建。如果没有要求创建，默认是123456或者root。这里有个需要注意的地方，输入用户名root后回车，这些没有问题，但是在输入密码的时候大家是看不到的，实际是已经输入进去了。肯定有很多小伙伴发现是空白，又多输入几次，导致密码次次不对，还以为服务器出现了问题。
输入了正确的用户名密码后，就会出先像偶这样的，代表登录成功。
随后输入宝塔面板的安装命令
这里放的图片十分抱歉，偶试过直接打字，但是排版太差了。偶会在文章底部以文档下载的方式给出，并且会附带给大家好用的工具，还请见谅！
注意不要关闭页面！最后安装完成它会给出你登录面板的地址、账号、密码，一定要牢记！
安装好之后，一定不要落下的一步，那就是放行端口（登录面板需要8888端口，一般服务器不会开启）
对于华为云，首先选择安全组，点击更改安全组规则
添加入方向安全组（因为大家要进入嘛），点添加规则，写上8888，ip就是0就可以，不用改。
最后访问安装好后给出的地址，填上账号密码，ok，大家已经成功了一半了！登录是这样滴
首次安装完成后，会有提示进行必要插件的安装，包括php,mysql,nginx,推建大家用上述组合。安装需要一段时间，具体要看服务器的性能。
添加站点
大家首先为大家的站点绑定一个域名，点击网站-添加站点-填上你的域名（也可以填上你的服务器ip地址，也是可以登陆的），php版本自由选择，其他的默认就可以。
创建好站点后，实际就是创建了一个文件夹，大家把源码文件上传到文件夹即可。在网站目录的网站名字，直接点击就可以跳转到那个文件夹目录。
点击上传，添加问价，把源码的压缩包添加进去，然后点击解压就可以了。
这里除了宝塔面板自带的文件传输，还是推荐大家用ftp上传，比较好用的软件有flashfxp、Xftp等等，文末的压缩包内会给出！
大家以上传一个影视源码作为例子。上传后解压文件到根目录（注意一定是根目录，也就是说在这个文件夹就有很多其他的小文件，不能在出现单独的一个文件夹了），随后访问域名会自动跳出安装。由于每个源码的安装不同，访问的页面也不同，但是必要的数据库创建还是要有，所以重点是为大家介绍整体思路，以此举一反三。
大家会常常遇到这些个需要填的数据库信息，数据库名，数据库用户名，数据库密码，大家很多都会搞蒙，这些都对应什么呢？
首先大家创建一个数据库，在宝塔面板最左侧选择数据库，点击添加数据库，这里的数据库名、用户名、密码分别对应上面的三个，都是自定义填写的，填好记住就行，另外的选项都不用改。
把3个信息依次填入，然后点下一步安装，即可安装成功。随后根据源码的不同，会弹出网站后台和前台的地址，既可以正常访问了！
恭喜你拥有了你的第一个网站！
什么是web前端？
web前端就是前端网络编程，也被认为是用户端编程，是为了网页或者网页应用，而编写HTML，CSS以及JS代码，所以用户能够看到并且和这些页面进行交流。
前端网络编程的挑战在于用于实现前端页面的工具以及技术变化得很快，所以工程师需要不断注意产业是如何发展的（例如ECMAScript 6）。
设计网页的目的在于确保用户打开站点的时候，信息是以容易阅读并且相互关联的形式呈现的。随之带来的问题是，现在用户实用大量的设备来访问网页，这些设备具有不同的屏幕尺寸以及清晰度。
所以设计者在设计网页的时候需要注意这些方面。他们需要确保他们的网页在不同的浏览器、不同的操作系统以及不同的设备上显示正确，这需要在工程师端进行仔细的计划。
扩展资料：
前端网络编程所使用的工具能被用于进行前端编程，理解工具最适用于什么任务，有助于产生一个高质量的、可升级的站点。
1、超文本标记语言（HTML）：
HTML是任何网页工程程序的骨架，没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展，在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5，在0月28日被W3C所推出。
这一版本包含了新的并且高效的方式来传输元素，例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比，HTML5有很多特点。随着HTML的发展，在网络中产生了一场革命。
2、层叠样式列表（CSS）。
CSS控制了站点的样子，让站点有自己独有的外观。其实现形式是：保证样式列表先于其他的样式规则，由其他的输入形式所影响，例如屏幕的尺寸和分辨率。
3、JavaScript。
JavaScript（简称JS）是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型（DOM），来根据事件，例如用户的输入，操纵网络页面。
JS使用一种被称为异步JavaScript和XML的技术（AJAX），JS代码也能动态的改变网页的内容（与原始的HTML页面端相独立），并且也能回应服务端的事件，让网页体验增加了真正动态的特性。
JS中有很多流行的开发框架，帮助开发者快速构建web页面，比如Vue.js、Angular、React都是很流行的框架，拥有大批忠实的用户。
