前言
学习了轻量级标记语言Markdown之后，就该用于实践了。
至于实践的方式，当然是用Markdown语言写点东西了（虽然前面已经写了不少了），写“笔记”是一个相当不错的选择，因为在“复习”Markdown的过程中，还可以学到一些新的东西。
“新的东西”应该是什么，反而成了一个很大的问题。
作为一只小小小小白，永远也不知道自己该从哪里学起。于是，用了相当长的时间去思考，最终决定，学“HTML”。原因有两个：
- “HTML 是一种创建网页的超文本标记语言 (Hyper Text Markup Language)，是学习所有网站开发语言的基础。”很显然，百度总是好的，让我知道了“HTML”也是一种“标记语言”，（
怎么说，我也是有一点“标记语言”基础的人）和Markdown多多少少要有点相似，不然，这个世界对我也太不友善了。 - 在查找了多个“学习路径”之后，我发现“HTML”总是排在最前面“前端小白必学”，“基础知识”，“入门”这些的分类里面的：
很显然，HTML 应该是最基本的知识了（不难发现，CSS，JavaScript，XML，SQL， ASP，PHP等不知道是啥的东西也被放在了 初级教程 里，不过这些就不是今天笔记里的内容了）。
那么，开始学习咯（这句话是自言自语）。
基础语法
同样的，HTML 的“词汇”我已经掌握了，不过，HTML 的“语法”更像是一种“标记”。
这时我才明白，自己被Markdown官方教程“带偏”了。
“标记语言”的核心在于“标记”，通过“标记”让计算机明白什么是标题，什么是段落，什么是图片，什么是表格，从而正确显示内容。
这里的“标记”实际上是指“标记标签（markup tag）”
“标记”的内涵在于，把千篇一律的文本内容 区别 开来，这样才能让计算机“读懂”(好像不太聪明的样子）
不过，叫做“语法”也不是不可以，那就“将错就错”咯。
声明
可恶，竟然不能直接从文章的标题开始
标记语言有很多种，所以，为了让计算机知道到底是那种标记语言，需要在内容开始前加上一句“声明”，就像你用谷歌翻译前需要知道对方到底说的是哪种语言一样。基本的有四种（单纯是字母大小写不一样，实际上就是一种）：
<!DOCTYPE html><!DOCTYPE HTML><!doctype html><!Doctype Html>
很好记，“！”用作提醒、声明，“doc”是“文档”，“type”是“类型”，“HTML”就是正在学的这种标记语言，中文意思就是“声明：文档类型 是 HTML”，记得用“<>”括起来。
此外，还有各个不同版本的声明（HTML有不同更新版本，上述声明适用于HTML5），就不列举了。
描述
声明文档类型之后，还需要再次描述文档类型。
描述的方式是使用一个“标签对”，即把内容放到中间就行了：
<html> 内容 </html>
后缀
只有“声明”，“描述”还不够，因为“声明”也可以用普通的文本格式打开，所以要在文件名后加上后缀，就像视频文件的“视频.mp4”，图片文件的“图片.png”。HTML文件的后缀有三种：
- .html
- .htm
- .xhtml
标签与元素
很遗憾，还是不能开始“标题”
“标签”与“元素”是HTML 语法的主要内容：
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词：<关键词>
HTML 标签通常是成对出现的：<关键词> 和 </关键词>
“标签对”中的第一个标签是开始标签，第二个标签是结束标签，也被称为开放标签和闭合标签。
HTML 元素
“标签对”就是“元素”。
嵌套与并列
多个HTML元素的使用方式是“嵌套”与“并列”：
嵌套： <1><2><3>内容</3></2></1>
并列： <1><2>内容a</2></1> <1>内容b</1>
位置
在HTML中，内容所处的位置关系到标题能不能显示在网页内容上。
“位置”有两种，分别是“head”和“body”，对应的标签为：
<head>内容</head><body>内容</body>
其中，“head”部分的内容不会被显示出来，“body”部分的内容可以显示出来：
<head>不会被显示的内容</head><body>可以显示出的内容</body>
其中，不会被显示的内容往往用来描述属性，可以显示出的内容往往是文档内容。
标题
终于开始“标题”了
标题的元素是：
<h>标题</h>
分级标题则是这样：
<h1>大标题</h1> <h2>小标题</h2> <h3>小小标题</h3>
段落
段落的元素是：
<p>段落</p>
多个段落则是这样：
<p>第一个段落</p> <p>第二个段落</p>
小结
到这里，已经可以用HTML写一篇不错的文章网页了，不过，这还远远不够，所以有了接下来的“进阶语法”。
进阶语法
字体加黑，变斜，以及加删除线
同样是通过“标签对”：
<b>黑的字</b> <i>斜的字</i> <b><i>又黑又斜的字</i></b> <del>删除线</del>
显示出来是这样的：
黑的字
斜的字
又黑又斜的字
删除线
常用标签汇总如下：
标签 描述 <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 <small> 定义小号字 <strong> 定义加重语气 <sub> 定义下标字 <sup> 定义上标字 <ins> 定义插入字 <del> 定义删除字
图片
<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">
- i) src属性 source
指定我们要加载的图片的路径和图片的名称以及图片格式 一个点：上级目录 - ii) width属性
指定图片的宽度，单位px、em、cm、mm - iii) height属性
指定图片的高度，单位px、em、cm、mm - iv) border属性
指定图标的边框宽度，单位px、em、cm、mm - v) alt属性 备选文本
® 当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字 ® 如果图像没有下载或者加载失败，会用文字来代替图像显示 ® 搜索引擎可以通过这个属性的文字来抓取图片
表格
每个表格从一个 table 标签开始。 每个表格行从 tr 标签开始。 每个表格的数据从 td 标签开始。
显示效果：<h4>两行三列:</h4> <table border="1"> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr>
两行三列:
| 100 | 200 | 300 |
| 400 | 500 | 600 |
其他语法
网站链接
<a href="URL" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>
显示如下：
链接文字或者图片