在简单学习命令行与git的基础操作之后，就开始进入富有挑战性的知识学习阶段。首先是HTML入门的学习，以下分享我第一天学习HTML时的笔记。
HTML的发明
HTML即超文本标记语言（Hyper Text Markup Language），是由Web的发明者Tim Berners-Lee和他的同事与1990年创立的一种标记语言。使用该种标记语言可以通过标记式的指令，将文本、影像、声音、图片、文字动画、影视等内容显示出来。
狭义上的HTML指最新版本的html语言，包含旧标签和新标签32个。起初HTML只有18个基本元素，整体内容十分枯燥，所做出来的网页也十分的简陋。但随着人们的使用和各种程序的开发，现在大概有110个标签是会在日常开发中使用到的。
广义上的HTML就表示html以及其他小伙伴们，包括CSS3等：
- 新标签，新属性；
- 新的通讯技术：Web Sockets、WebRTC等；
- 离线储存技术：LocalStorage、断网检测；
- 多媒体技术：视频、音频；
- 图像技术：Canvas、SVG、WebGL；
- Web增强技术：History API、全屏；
- 设备相技术：摄像头、触摸屏；
- 新的样式技术：CSS3新的Flex、Grid布局方式等。
HTML起手式
HTML起手式使用EMMET的感叹号+tab即可实现，具体如下图：
index.html旁边的小圆点表示未保存。
tab后将会得到下图所示的html起手式：
其中：
<!DOCTYPE html>表示文档类型；<html lang="en">为html标签，表示默认的语言为英语，可以改成"zh-CN"来设置成中文；<head>多用来框住不想让用户看见的元素；<meta charset="UTF-8">为文件的字符编码，一般都是默认UTF-8，这样可以兼容全部语言，防止乱码；<meta name="viewpoint" content="width=device-width,initial-scale=1.0">是用来防止页面缩放的，被用来兼容手机页面；<title>用来框住标题；- 若使用windows环境并针对IE浏览器，可以加一句
<meta http-equiv="X-UA-Compatible" content="ie=edge">来使其默认在使用IE浏览器打开该页面时使用最新的IE内核。
HTML章节标签
html的章节标签用来表示文章/书的层级，包含如下几种：
| 章节标签 | 含义 |
|---|---|
| h1～h6 | 标题 |
| section | 章节 |
| article | 文章 |
| p | 段落 |
| header | 头部 |
| footer | 脚部 |
| main | 主要内容 |
| aside | 旁支内容 |
| div | 划分 |
| © | 版权声明 |
HTML全局属性
html的全局属性指所有标签都有的属性：
| 全局属性 | 含义 |
|---|---|
| class | 标签分类标记 |
| contenteditable | 可在页面中直接对元素进行编辑 |
| hidden | 使元素快速消失 |
| id="xxx" | 当标记名称唯一时可用，但一般不用（与已有的默认全局属性冲突） |
| style | 可给每个元素追加样式属性，优先级比CSS高 |
| tabindex | 使用tab时可被选中的元素属性，按数字大小顺序，0表示最后访问，-1表示不被访问 |
| title | 显示完整内容 |
HTML内容标签
| 内容标签 | 含义 |
|---|---|
| ol+li | 有序列表及其项目 |
| ul+li | 无序列表及其项目 |
| dl+dt+dd | 可追加描述的列表，dt描述对象，dd描述具体内容 |
| pre | 保留连续多个空白 |
| code | 使内框住的字体等宽 |
| hr | 分割线 |
| br | 换行，打断 |
| a | 追加超链接，添加target="_blank"使点击链接时在新页面打开 |
| em | 强调内容，默认样式为斜体（语气上） |
| strong | 强调内容，默认样式为加粗（内容上） |
| quote | 饮用，默认无特殊效果（行内强调） |
| block quote | 有特殊样式的引用（换行加缩进，块） |
