有了前面的`Hello World`标题，我们为这个标题增加一下内容。 ``` <h1>Hello World!</h1> <p>If you do not leave, I will in life and death！</p> ``` 输入后按`ctrl` + `s`保存。然后打开浏览器，输入`127.0.0.1:8080`。 > 如果你已经打开了`127.0.0.1:8080`,那么刷新当前页面也是可以的。  至此，我们认识了网页语言(html)中的两个标签。 一级标题标签`<h1>` 段落标签`<p>` 由于标题的长度，是不固定的，所以我们告诉计算机，到哪标题就结束了。那么就随之有了`</h1>`闭合标签。同样，段落闭合标签`</p>`的出也是这样的道理。 和大多数的语言一样，html中出现的代码元素，也是一些英文单词的缩写。 比如： `h` => `Header`, 译为标题的意思，标题呢，由大到小排列，共分为6个等级，即`h1`到`h6`. > 还等什么，还不快试试。 `p` => `Paragraph`，译为段落的意思。 <hr /> 我们以后还会使用其它一些标签，常用的缩写标签的如下： ``` img Image 图片 style Style 样式 div Division 分隔 a Anchor 锚 href hypertext reference 超文本引用 ul Unordered List 不排序列表 li List Item 列表项目 hr Horizontal Rule 水平尺 src Source 源文件链接 table table 表格 tr table row 表格中的一行 th table header cell 表格中的表头 td table data cell 表格中的一个单元格 ``` 除了常用的，我们还有些不常用的，它们是： ``` strong Strong 加重（文本) b Bold 粗体（文本） i Italic 斜体（文本） big Big 变大（文本） small Small 变小（文本） br Break 换行 center Centered 居中（文本） font Font 字体 span Span 范围 ol Ordered List 排序列表 alt alter 替用(一般是图片显示不出的提示) ``` 有了这张表格，等以后我们用到它的时候，就可以常回来看看了。 除此之外，如果我们致力于计算机科学，那么做为与用户交互的"视图"则是必不可少的一部分。html做为网页的视图，是视图的基础。所以，即使是我们的兴趣在于微信开发、android开发、ios开发、osx开发，html的学习仍然是我们入门的不二之选。 如果我们的课程无法满足你对知识的渴望，我强烈的将以下课程推荐给你： [http://www.runoob.com/html/html-tutorial.html](http://www.runoob.com/html/html-tutorial.html) 非常希望能够在求知这条漫漫长路中，能够有你们----我最亲爱的学生的相伴。 路漫漫其修远兮，吾将上下而求索。