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 页面中创建水平线。