考虑到之前遇到的学习门槛的问题，我想试试写一篇很浅显的 HTML 教程试试，面向哪怕对 HTML 一点都不了解的人。
首先关于 HTML 的定义，我从 www.w3school.com 抄了一段，内容如下。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
总的来说，HTML 是一种用 HTML 标签标记文本的标记语言。可能有点难理解，我举个例子。即使你没写过代码，应该也用过 Word 和 记事本。手边没 Word，用个别的东西演示一下。我从网上抄来一首诗，长这个样子：
现在我想给它加些效果，突出标题之类的，可以这样：
你是怎么实现的？选中字体，改字号，然后加粗？这样当然也可以，但是如果你有好多诗，挨个改标题的字号，字体是不是麻烦了些。你有没有注意到有个“段落”或者“普通(div)”下拉菜单在字体旁边？选中之前的标题文字，点击这个下拉菜单，选择，标题2：
好，第一节课到此结束，你可以休息十分钟
回来了又
现在，试试把这段代码复制下来，保存成 .html 文件，比如 绝句.html，然后用你的浏览器打开它！
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
绝句 杜甫[唐] 两个黄鹂鸣翠柳， 一行白鹭上青天。 窗含西岭千秋雪，
门泊东吴万里船。
</body>
</html>
你看到的应该是这个样子的：
先不管为什么没有换行，把“绝句”改成 <h2>绝句</h2> 试试，重新保存成 html 文件试试？
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h2>绝句</h2>
杜甫[唐] 两个黄鹂鸣翠柳， 一行白鹭上青天。 窗含西岭千秋雪， 门泊东吴万里船。
</body>
</html>
应该是这个样子的吧：
是不是画风变了 ←_←
你看到的这些代码，左一个‘<’，右一个‘>’的，就是 html 标签。标签是啥？举个例子，大概好多人做过这个：
上图通常出现在小时候画同学画得不像的时候，用来标识这货是什么。
就跟你在word文档里选中某些字然后加粗，改个颜色，斜体等等等等，都相当于给它加标记，加标签。告诉编辑器/浏览器，这是段落，这是标题，这里加粗……
在html里面，标记大多长这个样子 <p></p>，<h1></h1>代表一些预设的效果或者内容。 一个尖括号围起来的开始标签，和一个多个‘/’的结束标签。也有不带结束标签的，比如 <input>，<br> 啊，后者就是换行。
我完善了一下之前的代码，然后加入了注释，顺便还有别的一堆标签。
<!-- 我是注释 -->
<!DOCTYPE HTML> <!-- 声明是标准的 html 文件>
<html> <!-- html 文件的标签-->
<head> <!-- 头部标签，里面是配置和样式，文件引用等等-->
<meta charset="utf-8"> <!-- meta标签有多种作用，此处是声明编码 -->
</head> <!-- 头部标签结束 -->
<body> <!-- body 标签 -->
<h2>绝句</h2> <!-- 二级标题 -->
<small>杜甫[唐]</small>
两个<a href="http://baike.baidu.com/subview/145207/5143956.htm">黄鹂</a>鸣翠柳，<br> <!-- br 换行-->
一行白鹭上<i>青天</i>。
窗含西岭<strong>千秋雪</strong>，<br>
门泊<del>东吴</del>万里船。
</body><!-- 结束 -->
</html> <!-- 结束 -->
此时它大概是这个样子的：
其中 a 是链接，点击就打开新网页了，
small 小号字体
strong 算是加重
del 删除
i 斜体
……
今天就到这里吧