常用的几组标签（一）

在讲常用标签之前，先铺垫一下，一个网页最基本的html结构为：

<!doctype html>
<html>
    <head>
        <meta charset="utf8" />
    </head>
    <body>
        <!--接下来所有要学习的标签都写在这里-->
    </body>
</html>

接下来，我们讲常用标签。

在页面中，我们会看到很多标签，当然，你看到的也不是标签，而是写了这个标签后出现的页面效果：

既然看到了这张图，我们就先来学 标题 和 列表 这两组标签吧！

标题标签一共分6个，分别是：

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

权重及字号最大的是h1标题，权重及字号最小的是h6标题。字号就是字体大小，而权重又是什么呢？

它是关于SEO的知识，我们先不说，你可以简单的理解为这个标题在网页中的地位。

标题标签中可以放文字、图片等元素，但一个页面里建议只用一个h1标签。

列表标签分为无序列表及有序列表。列表标签是个组合，它不是由一个标签构成，而是由两个标签组成，如无序列表的结构为：

<ul>
    <li>列表1</li>
    <li>列表2</li>
</ul>

外层的ul代表无序列表，其中每个li代表列表的每一项。而有序列表是这样的：

<ol>
    <li>列表1</li>
    <li>列表2</li>
</ol>

外层的ol代表有序列表，可以看到，与之搭配的列表项，依然是li。

总而言之，不管是有序列表ol还是无序列表ul，列表项标签都为li。具体渲染出来的结果，希望大家把代码粘贴到 <body></body> 标签中，打开浏览器查看。