零基础HTML入门教程第5篇 ----设置网页标题

1. 标题的作用

很多东西都得有标题、题目。

诗歌要有个题目，传达中心含义。书本要有个题目，揭示书籍内容。

网页也需要有标题，概括网页的内容。需要注意的是，本篇内容讲述的标题不是网页头部的

标题，而是网页内容区域里面的标题。

从英文来讲，比较好区分，网页头部标题是 title，而内容区域的标题是 heading。

2. 如何编写HTML标题

HTML 的标题有 6 个级别，对应标签分别是

、

。

注意 h1 最大，h6 最小。

我们以一首诗为例，编写一个带标题的页面。

<html>
<head> 
    <meta charset="utf-8"> 
    <title>元日</title> 
</head> <body>
    <h1>元日</h1>
    爆竹声中一岁除，春风送暖入屠苏。千门万户曈曈日，总把新桃换旧符。
</body>
</html>

效果如下，注意上面的红线部分是标题，而下面的红线部分是<h1>标题。</h1>

3.标题大小对比

我们通过一个网页来看下h1-h6的大小区别：

<html>

<head>
    <meta charset="utf-8">
    <title>标题大小对比</title>
</head>

<body>

    <h1>这是1级标题</h1>
    <h2>这是2级标题</h2>
    <h3>这是3级标题</h3>
    <h4>这是4级标题</h4>
    <h5>这是5级标题</h5>
    <h6>这是6级标题</h6>
</body>

</html>

效果如下：

0 条评论