写在前面
HTML（Hyper Text Markup Language）是一种描述网页的语言--超文本标记语言。
HTML 不是编程语言，而是标记语言 ，是我们制作网页中的基础。
标记标签：是指HTML中被尖括号括起来的关键词。
打开网页（web）源代码：Ctrl+U。
打开网页调试台（源代码）：F12。
网页就是一个文件，它可以存放在世界上任何一台计算机上，是万维网上的一页。
Zen Coding：用于快速编写HTML/CSS的编码工具。由一个缩写扩展器和标签对匹配器两部分组成。
Sublime Text 3 安装
1.网页搜Sublime Text进入官网；
2.点击download，选择合适的版本（比如我选window 64bit）；
3.下载完之后按照指引选路径，并完成安装流程；
4.打开软件，安装控制台；
点击'View'---Show Console
网页搜 Sublime Text 3 控制台安装方法
控制台代码
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', ' ')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
控制台快捷键：Ctrl+Shift+P
软件中文化插件
1.package control安装
重启软件，快捷键打开控制台，搜索package control，点击安装；
安装成功后会弹出下图界面
2.控制台搜 Chinese;
安装好插件之后的软件界面如下：
注意：每次安装插件都要在控制台输入命令：package control(然后选择相对应的指令，比如安装install package，删除remove package)。
常用插件
emmet：自动联想/zen coding(一种快速编写HTML/CSS代码的方法，又叫emmet);
autoFileName：自动显示url的路径和对应文件名；
CSS Format：格式化CSS；
FileHeader：自动添加文件头部注释；
HTMLBeautify：格式化HTML；
IMESupport：微软输入法光标优化；
JsFormat：格式化JS文件的，点击右键选择就会自动重拍版；
LESS：支持LESS语法；
quoteHtml：将HTML使用双引号或者单引号括起来，主要适用于JS拼接HTML代码的时候；
SASS：支持SASS语法；
SideBarEnhancements：SideBarEnhancements是一款很实用的右键菜单增强插件；
SideBarFolders：自持侧边栏显示文件夹；
SublimeCodeIntel：这是一款代码提示插件，支持多种编程语言。添加对应的语言支持，在对应的语言文件按 Control+Shift+space ， 就会自动下载对应的提示配置；
TrailingSpaces：能高亮显示多余的空格和Tab；
BracketHighlighter：高亮显示对齐的括号和标签。
文档中的元素和标签
标签总是成对存在的，由开始标签和结束标签组成。一般缺少结束标签不影响标签中的内容在网页上的显示，但是为了代码的严谨性和条理性，一般两个标签都要写全。
使用HTML来新建网页的时候需要新建一个后缀名为 .html的文件，并且在里面用相应语言编写就完成一个很简单网页。
HTML 文档中由一个个的元素依次或者嵌套组成，并且元素均为小写。
| 开始标签 | 被尖括号包围，表示元素从这里开始/作用 |
| 结束标签 | 在元素名之前包含了一个斜杠，这表示着元素的结尾 |
| 内容 | 元素的内容 |
| 元素 | 开始标签、结束标签与内容相结合，便是一个完整的元素 |
网页声明：帮助浏览器识别html版本，位置必须放在<html>标签之前。
<!DOCTYPE html> <!-- 声明 -->
<html> <!--限定文档的开始和结束-->
<head> <!--可以引用一些脚本，样式表，为网页提供源信息-->
<meta charset="utf-8"> <!--meta提供源信息，charset是定义字符集的，utf-8是针对Unicode的一种可变长度字符编码 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>php</title>
</head>
<body>
顺利通过
</body>
</html>
Sublime Text 3 快捷键
Ctrl+S：保存；
Ctrl+/：单行直接注释；
Ctrl+Shift+/：按顺序按时，可单独出现；
</head>
<body>
顺利通过
<br>
<b>定义文本粗体</b>
<br>
<big>定义大号文本</big>
<br>
<small>定义小号文本</small>
<br>
<em>强调文本元素，元素可以嵌套，嵌套层次越深，则强调的程度越深。</em>
<br>
<i>定义斜体文本</i>
<br>
<strong>定义加重语气文本</strong>
<br>
sub元素
<br>
<sub>定义文本下划线</sub>
<br>
sup元素
<br>
<sup>定义上标文本</sup>
<br>
<ins>定义插入文本</ins>
<br>
<del>定义删除文本</del>
<br>
<pre>可以 预定义格式
文本</pre>
<br>