整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
天小白给大家简单的讲解了如何学习前端的方法，那么接下来我会做一系列的教程来教给大家如何一步步的学习，今天我们就说下三分钟快速知道如何学HTML。
其实大家都知道无论是HTML还是HTML5都很简单容易上手，所以很多想从事IT行业的人都作为入门语言。因为简单易学，所以并没有一套完整的学习流程，导致了一些人走了弯路，所以今天小白就简单梳理一下个人学习意见。
一：阅读官方资料
官方资料永远是最准确和最基础的，所以刚开始学习的时候就要先来看官放资料，一直到时间久了，很多东西不记得了，都要来查看官方资料，把官方基础资料记在心里。
小白认为，任何一门语言第一步都是要先阅读然后再分析。熟悉HTML代码的组成部分，声明，结构，标签，闭合等，这些都需要我们学习和分析。刚开始学习的时候肯定自己是写不出来的，那么就要我们看完代码后自己拷贝，敲打，然后记忆。逐渐把看到的知识点变成自己的代码元素。
二：阅读他人代码
准备出来足够的时间去看别人的网站，分析别人的源代码，看到不懂的就去查阅资料，做好笔记，让不懂的知识点变成自己的知识。
在这里我提倡建议大家多去关注下HTML相关的技术论坛，论坛上会经常有人提出问题，大家可以尝试去回答，哪怕是查资料也好，这都是对知识的一次深层记忆。时间久了，你就发现自己进步神速。
三：练习
通过上面两个步骤，我们已经掌握了足够多的HTML代码，那么我们可以使用DW进行做一些简单的网站制作，进一步加深和练习。在练习过程中，可以使用对比的方法，找个目标网站进行仿制，逐步让自己写出的代码能和原版有一样的展现。不对的地方就进行修改，这样水平就会进一步提升。
进阶：代码优化
以上步骤都进行完以后，我们就需要再提升一下自己的能力，那就是我们尝试着优化我们的HTML代码。如何用最简单的逻辑实现我们的功能需求，同时避免冗余代码的存在，保证一个良好的代码书写习惯。
总结：学习技术，只看不练永远无法上手的，所以我们要多记多练，首先我们要记HTML代码最基本的网页组成部分，比如说颜色如何表示、结构排序如何表示、超链接如何表示、关键词与标题等等如何表示，而这些东西我们都必须将之记忆在大脑之中，通过记忆这个过程要让自己的头脑中有丰富的HTML代码可以随时利用。
5开始对标签及属性的书写更加包容，同时新增了语义化的标签，也是为了替代纯div+css的布局，本文讲带大家一起学习和探讨HTML书写规范。
1.文档类型声明
文档类型声明
2.标签、属性名、文件名推荐小写字母
标签、属性、文件名
3.双标签可省略关闭标签，不过建议保留关闭标签
双标签
4.单标签的“/”可写可不写（但在XHTML和XML中斜线是必须的）
"/"的省略
5.可全部省略的标签，不过建议保留
可全部省略的标签
友情提示：省略或在DOM和XML软件中会崩溃，省略在旧版浏览器(IE9)会发生错误。
6.布尔值的属性，可省略属性值
bool值类型属性
7.属性值可以不使用引号，推荐使用引号。
属性值的各种写法
8.属性与属性值之间等号前后空格
空格问题
9.属性书写顺序
顺序依次是class、id/name、data-、src/for/type/href、title/alt、aria-/role
书写顺序
10.使用语义化标签
语义化标签
以下内容为H5相关标签，大家感兴趣可以自行学习。
1.其它新增标记
2．废弃元素
basefont、big、center、font、s、strike、tt、u、bgsound、marquee（只有IE支持）、rb、acronym、dir、isindex、listing、xmp、nextid、plaintext
全栈攻城狮-每日更新原创IT编程技术及日常实用视频。
主要内容：正式引入HTML网页开发，学习并了解HTML的相关知识。变身Web开发达人，做全栈程序员。这是HTML技术的第二课，主要讲解一下开发工具及HTML的结构，做出来属于我们的第一个Web网页。
作为程序员，只要做电脑编程写代码，一定会选择一款合适的开发工具。HTML的书写的话，开发工具就有的选择了。
程序员写代码
作为HTML的开发，其实使用记事本完全就可以了，因为HTML网页本身就是文本文件。但是没人会使用记事本进行开发，因为一款适合自己的开发工具可以大大的提高写代码的效率。
下面我列出来几个比较常用的HTML开发工具：
NotePad++、EditPlus、Adobe Dreameaver、Sublime、WebStorm、Visual Studio等。
我们这阶段课程，主要使用Sublime这款工具为例进行使用，当然其他的开发工具也是大同小异。
Sublime代码编辑器
直接打开微软的必应搜索，这里不得不吐下槽，国内的搜索引擎真的不敢恭维。搜索结果显示并不是很好。谷歌当然是最不错的选择。但是无奈谷歌上不去，所以可以推荐给你使用必应搜索。必应搜索的结果可以说几乎和谷歌相差不大。
必应搜索
直接打开必应搜索，输入“sublime text 3”进行搜索，你就能找到官方网址。打开进行下载即可：
Sublime的下载方式
打开Sublime的官网，选择Download，选择合适你电脑系统的版本进行安装：
下载Sublime
打开Sublime，默认打开：
软件默认界面
此时，会默认打开一个新文件，首先点击键盘上的Ctrl+S。进行文件保存。选择合适的路径，并输入文件名，后缀以html。
保存html
添加代码HTML的结构：
需要明确的是HTML有一个文档结构的。就好比人有头部和身体组成。html也是如此。上面就是html最简单的结构。
<html>类型标签，表示开始标签。</html>类型的表示结束标签。
两个标签之间的内容，输入整个html标签。
我们习惯性的把<xxxx>...</xxxx>的格式的代码，叫做xxxx标签。
为结构添加内容，做我们第一个Web网页：
第一个Web网页
此时，找到html文件所在路径，双击打开，运行你就会看到效果：
网站结构
经过运行结果，你就会明白title、body标签所展现的样子了。
本视频由做全栈攻城狮，原创首发，如有转载，请注明出处。
如果你有什么比较不错的编程技巧，或者你想要什么程序员编程资源，点击下方了解更多。
*请认真填写需求信息，我们会在24小时内与您取得联系。
