HTML标题元素

 1 <!DOCTYPE html>
 2 <head>
 3     <meta charset="UFT-8">
 4     <title>网页标题</title>
 5 </head>
 6 <body>
 7     <h1>标题1</h1>
 8     <h2>标题2</h2>
 9     <h3>标题3</h3>
10     <h4>标题4</h4>
11     <h5>标题5</h5>
12     <h6>标题6</h6>
13 </body>
14 </html>

例如上述示例代码，标题（Heading）是通过 <h1> 至 <h6> 元素进行定义的。 <h1> 定义最大的标题。 <h6> 定义最小的标题。

标题元素 - <h1>~<h6>
* <h1>显示的最大，<h6>显示的最小
* 注意 - 标题所显示的字体在不同浏览器中不一样的
  * 各个浏览器提供默认的HTML页面的样式
  * 不同浏览器提供的默认样式 - 可能不同的
  * 浏览器兼容问题
* 常用的 - <h1>~<h3>
  * <h1>在HTML页面中起到非常重要的作用 - 便于搜索引擎抓取
    * <title>
    * <meta content="keywords">
    * <h1> - 在同一个页面中最好只编写一个
    *搜索引擎检索 HTML 页面时， <h1> 元素仅次于 <title> 元素。
　　　一般一个 HTML 页面中只包含一个 <h1> 元素。
 1 段落元素
 2 <!DOCTYPE html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>段落标题</title>
 6 </head>
 7 <body>
 8     <p>这是一个段落</p>
 9     <p>这是一个段落</p>
10     <p>这是一个段落</p>
11 </body>
12 </html>
13 
14 例如上述示例代码，段落是通过 <p>  元素定义的。浏览器会自动地在段落的前后添加空行。
15 浏览器显示的效果与HTML源代码编写的方式无关
16 * 最终的显示效果与段落<p>有关的
17   * 每一个<p></p>表示为一个段落
18     快捷键 - CTRL+SHIFT+F    段落自动格式化(Web Storm)
换行元素
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>换行标题</title>
</head>
<body>
    <p>我爱你<br>你却爱着他</p>
</body>
</html>

例如上述示例代码，在不产生一个新段落的情况下进行换行（新行），请使用 <br>  元素。
水平线元素
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>水平线标题</title>
</head>
<body>
    <p>hr 定义一个水平线</p>
    <hr>
    <p>这是一个段落</p>
    <hr>
    <p>这是一个段落</p>
    <hr>
    <p>这是一个段落</p>
</body>
</html>

例如上述示例代码， <hr>  元素在 HTML 页面中创建水平线。