1、sublime生成HTML骨架：（1）输入html:5，按Tab键；（2）输入感叹号！，按Tab键
2、HTML骨架内容：
（1） <!DOCTYPE html>：表示文档类型，必须写在第一行，只写“html”代表的是最新的html5（HTML其他版本1、2、3、4），目的是为了告诉浏览器文档使用的是哪种HTML或XHTML规范，使浏览器按照所给规范进行解析页面。
（2） lang="en" : lang指定html语言种类，常见的两种"en"表示英文，"zh-CN"表示中文。
（3）charset="UTF-8" : （计算机要准确处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字）指定字符集编码方式，让html文件是以指定的字符集编码方式存储到计算机中，浏览器根据编码去解码对应的html内容。必须指定，否则可能会导致乱码。
常见字符集：gb2312(简体中文)、BIG5(繁体中文)、GBK(全部中文)、UTF-8(基本包含所有国家需要用到的字符)
3、标签语义化：
（1）方便代码的阅读和维护<给文档内容加结构>
（2）让浏览器或者网络爬虫可以很好的解析，从而更好的分析其中的内容
（3）使用语义化标签会具有更好地引擎优化
4、HTML常用标签
（1）排版标签：
① 标题标签h： h1、h2、h3、h4、h5、h6
② 段落标签p（段落之间有空行） ： <p></p>
③ 水平线标签 hr 单标签：<hr />
④ 换行标签 br 单标签 ：<br />
⑤ div 和 span标签（布局、无语意） ：一行只能显示一个div、一行可以显示多个span
（2）文本格式化标签(推荐：strong、em、del、ins)
① 粗体：<b></b>、<strong></strong> （XHTML推荐strong,b只是加粗作用，strong还有强调的作用）
② 斜体：<i></i>、<em></em> （XHTML推荐em）
③ 加删除线：<s></s>、<del></del> （XHTML推荐del）
④ 加下划线：<u></u>、<ins></ins> （XHTML不赞成用u）
（3）注释标签
快捷键：Ctrl+/
<!-- 这是一个注释 -->
5、标签属性
src、alt、title、width、height、border
<img src="G:\测试截图\QQ截图20191225160349.png" alt="替换文本" title="提示文本" width="600" border="10" />
href、target
<a href="http://www.baidu.com" target="_blank">百度一下</a>
6、路径
相对路径：同级路径（直接写文件名）、下级路径（文件夹名）、上级路径（../）
同级：<img src="splash.png">
下级：<img src="images/splash.png">
上级：<img src="../images/splash.png">
绝对路径：写完整具体路径（不方便，不推荐），复制网络绝对路径还可以用
<!-- 绝对网络地址 -->
<img src="https://csdnimg.cn/cdn/content-toolbar/csdnlogo-christmas.gif">
7、扩展：锚点定位
（1）先找到目标内容，加id：
<h4 id="tree"><em>▲伦巴第王国王权象征的铁王冠</em></h4>
（2）再在需要跳转点击的位置添加内部跳转链接：
<a href="#tree">2.圣诞老人的由来</a><br />
8、扩展：base标签（写在head中）
统一设置链接标签属性
<base target="_blank">
9、扩展：预格式化标签pre（认识空格和换行）
<pre>
第一行
第二行
第三行
</ pre>
10、特殊字符
空格： 、小于：<、大于：>
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
