一、标签的显示模式（块级标签、行内标签、行内块标签）
今天讲课的时候，讲到了html中的标签的显示模式，大致分为块级标签和行内标签。
显示模式的特性：
主要分为两大类：
块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！
其中还有一种结合两种模式有点的显示模式：
行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；
在html中显示模式分为块级和行内，其中常用的块级有：div,p,h1~h6,ul,li,dl,dt,dd… 常用的行内有：span，font,b,u,i,strong,em,a,img,input，其中img和input为行内块元素。
那么有的同学就会想了，难道我就不可以控制span或者font的宽高了吗？可以的，那么我们这次抛开浮动和定位不说，就说通过display属性来将它们互相转换：
1、块级标签转换为行内标签：display:inline;
2、行内标签转换为块级标签：display:block;
3、转换为行内块标签：display：inline-block;
只要给对应的标签使用这个display这个属性，取相应的值，就可以将显示模式互相转换。
在这之前有说过 text-align这个属性是否生效，原因是块级标签如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽，那么在100%的宽度中居中生效；但是行内元素的宽完全是靠内容撑开，所以宽度就是内容撑开的宽，我们给个背景测试看看：
所以块级是在盒子中间居中了，但是因为行内元素的宽就是内容宽，没有可居中的空间，所以text-align:center;就没有作用；但是如果给font转换为块级就不一样了：
同理，要是块级转换为行内了，文本也不能居中显示了。
因为在html中，行内元素被视为有文字特性的标签，块级能使文本水平居中，那么在块级当中的行内标签被视为文本的特性，那么块级使用text-align:center；的话，里面的行内标签会被像文本一样水平居中在块级标签中：
不加text-align:center；时：
加上text-align:center;后:
二、单双标签的区别
定义
-
单标签：由一个标签组成。例如
-
双标签：由“开始标签”和“结束标签”两部分构成。例如
<p>是开始标签，表示一个段落的开始。 </p>是结束标签，表示一个段落的结束。
常见单标签
常见双标签
2、通常是成对出现的，比如
3、标签对中的第一个标签是开始标签，第二个标签是结束标签；
4、开始和结束标签也被称为开放标签和闭合标签。
5、一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。
6、网页的内容需在标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中，而网页需展示的内容需嵌套在标签中。某些时候不按标准书写代码虽然可以正常显示，但是作为职业素养，还是应该养成正规编写习惯。