HTML 标题

HTML标题

HTML共设有六级标题，h1为一级标题，h2为二级标题，h3为三级标题，h4为四级标题，h5为五级标题，h6为六级标题，字体尺寸逐级变小，标题重要程度逐级递减。

<h1>欢迎来到蝴蝶教程</h1>
        <h2>欢迎来到蝴蝶教程</h2>   
        <h3>欢迎来到蝴蝶教程</h3>   
        <h4>欢迎来到蝴蝶教程</h4>   
        <h5>欢迎来到蝴蝶教程</h5>   
        <h6>欢迎来到蝴蝶教程</h6>

尝试一下

注意：浏览器会在标题前后自动添加一些空格（边距）。

标题很重要
搜索引擎使用标题来索引网页的结构和内容。用户按标题浏览页面。使用标题显示文档结构很重要。 <h1>标题应该用于主标题，其次是<h2>标题，然后不太重要 <h3>，依此类推。
注意：只使用h元素来做标题效果，不要用它来做使文字变大或变粗的操作。

更大的标题

h标签都有一个默认的字体大小，你可以用style属性来改变这种默认行为。


        <h1>欢迎来到蝴蝶教程</h1>
        <h1 style="font-size:60px;" >欢迎来到蝴蝶教程</h1>

尝试一下

HTML水平分割线

<hr>用于水平分割文章内容。例如：

<h1>这是标题一</h1>
<p>这是一些段落内容</p>
<hr>
<h1>这是标题二</h1>
<p>这是一些段落内容</p>
<hr>

尝试一下

HTML<head>元素

head元素中会加载一些HTML元数据。不会在浏览器中展示给用户。通常位于跟标签之间。

<!DOCTYPE html>
<html>

<head>
  <title>欢迎来到蝴蝶教程</title>
  <meta charset="UTF-8">
</head>

<body>
<p>欢迎来到蝴蝶教程</p>
</body>
</html>

尝试一下

HTML 标题

HTML标题

标题很重要

更大的标题

HTML水平分割线

HTML<head>元素