首先先从标题标签说起，常用的标题标签有

，

，

，这三个标签都是块标签，且双标签。h1标签的默认样式是margin-top:21.44px，margin-bottom:21.44px，font-weight:bold ，font-size:2em。

h2标签的默认样式为margin-top:19.92px;margin-bottom:19.92px; font-weight:bold; font-size:1.5em。多用于模块标题。

h3标签的默认样式为margin-top;18.72px;margin-bottom:18.72px;font-weight:bold;

font-size:1.17em。我们后期进行SEO搜索引擎优化的时候，为了方便代码复用，减少文档体积，会开发属于我们自己风格的reset.css对某些标签的默认样式进行重置，对标题标签的重置顶多把它们的上下margin重置掉，利于我们的布局。

然后就说到了p标签，段落标签，属于块标签，且双标签。段落标签内不能嵌套块级标签。它的默认样式就是具有margin-top:16px;margin-bottom:16px。

再是hr标签，块级标签的单标签。它是一条分割线。具有的默认样式为：margin-top:8px;margin-bottom:8px;border:1px solid black。

接着是列表标签，先是有序列表

，块级标签，双标签，不能单独使用，必须跟

一起使用。它的默认样式为，margin: 16px 0;padding-left:40px;它的list-style-type:decimal;

的默认样式为display:list-item;这个比较特殊，需谨记。还有它的list-style-type:属性会跟随其父级的列表的list-style-type属性值。

还有就是无序列表

，亦是块级标签的双标签。它的默认样式与有序列表相同，不同的是list-style-type:disc。它也是跟

标签一起使用的，不能单独使用。

还有最后一个字典列表

，里面包含两个标签

，

。字典列表的默认样式为margin:16px 0;块级标签的双标签。

两个标签都是块级标签，其中

标签具有默认的margin-left:40px 。

还有a标签，如下图所示：

a标签的使用
img标签的使用，如下图：

img标签的使用

strong标签的使用
粗体的默认样式为：font-weight:bold 。

em斜体标签的使用
斜体的默认样式为font-style:italic 。

small | big标签的使用
small标签的默认样式为font-size:smaller;big标签的默认样式为font-size:larger;

sub | sup | del标签的使用
结果如图：

结果图
sub标签的默认样式为vertical-align:sub;font-size:smaller;sup 标签的默认样式为vertical-align:sup;font-size:smaller;del的默认样式为text-decoration:line-through。