今天和大家一起来分享一下新学的HTML标签，有人会问那什么是HTML呢？HyperText MarkupLanguage，是不是觉得太高大上了。它是超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

 大家平常在各个浏览器所看到的网站就是通过这些最基础的html标签组成的，但是很多人说这些标签太多太杂不好记，接下来我会以可爱的方式让大家记住这些”表情包”。

说明：

1>HTML标记符不区分大小写，表达的意思都是一样的。

一．HTML基本结构

     页面的标题

…网页的正文{各种标签}

不知道聪明的人发现了问题没有，他们都是成对出现的，大家可以这样记，成对出现的标签就好像是一对情侣，男生在前面也就是主管外面，而女生就是后面的那一个标签和他同对出现，只不过她主管内。相比男生会多一个,但是他们原本是一对啊，大家可以这样记。这是我自己觉得的，你把他们放在一起在看一看，这和我说的可爱的表情包像不像，下面的也是这样。先让大家体会一下，发挥一下想象力。

…   …  …  …

哈哈，有没有觉得他们很可爱，看他们都对你笑呢。不闹了，接下来就整理一下那些可爱的表情包都属于哪个家族，以及专属于它们的name.

二、HTML标签之BASIC家族

  …——他的名字是定义html文档 …——他的名字是标记文档的信息

  ...——他的名字是显示可见的页面内容    …——他的名字是书写页面的标题

  …——他的名字是百变文档样式信息        这个最可爱了，他只是注释所以有点不开心

三、HTML标签之文本(text)家族

...这个是标题字大小（h1~h6），用来显示字的大小，他有六个兄弟你懂的

…看名字就知道这孩儿有强迫症，非要把文本内容居中，哈哈。

格式小家族（像警察一样，规范着国家的文本格式）

…他的力气很大，能把字体变粗。

…今天他没睡醒，走路都是歪的，看把字都弄成斜体。　

…他很细心，在文字的下面画了一条线。

...or...她是警察，让那些不规范的文字消失，是删除线。

…她是老师，不同样的方法加粗字体用于强调

...淘气下标

...淘气上标

…任性的萌妹纸,表示一个无序列表 

…蠢蠢的书呆子，表示一个有序列表

… 爱哭的人，表示一个列表项目

… 这个厉害了，我的哥，他是超人表示 超链接.

..她是班长，用来组合行内元素，span 的前后不会换行.

..他是一个魔法师，可以定义文本字体尺寸、颜色、大小.

他是孤独的行者，表示换行。 

…

..他是一个律师，表示块级元素，div 的前后会换行。

四、HTML标签之picture家族

一个爱美丽的人

用来定义图像，变幻出各种图片。

五HTML标签之table家族

… 他是一个主管，用来定义表格

… 他是愿意冲锋的小伙子，用来定义表头行单元格

… 他有点内敛，用来定义表格中的行one、two、three

… 他是学习委员，用来定义表格中数据行单元

   苹果

   香蕉

   柠檬

   桔子

他们是多胞胎，显示的是他们一个种类，用来定义一个同类的列表以水果为例

六．HTML标签之special家族

特殊符号       说明

　;       空格

  ;          "

  ;               <

; 　         > 　　　

  ;          &

 分割线：

…    定义供用户输入的 HTML 表单                  定义框架集的窗口或框架

好了，这就是发挥我的想象力来给他们起的名字，其实有时候换一种角度就可以让它变得很有趣，HTML那些可爱的表情包，大家一定舍不得忘记他们。当然这是他们的表面，以后跟我一起了解他们的内在吧也就是属性咯。