HTML 标题和段落
HTML 标题
标题(Heading)是通过 <h1> - <h6> 标签进行定义的.
<h1> 定义最大的标题。 <h6> 定义最小的标题。
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>
注释: 浏览器会自动地在标题的前后添加空行。
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
HTML 段落
有了标题接着就会有段落了,段落是用<p></p>标签定义的,比如一段文字,你想给其分段就可以用<p>标签:
<html> <head> <meta charset="utf-8"> </head> <body> <h1>《背影》-朱自清</h1> <p>我与父亲不相见已二年余了,我最不能忘记的是他的背影。</p>那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州打算跟着父亲奔丧 回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说:“事已如此,不必难过,好在天无绝人之路!”</p><p>回家变卖典质,父亲 还了亏空;又借钱办了丧事。这些日子,家中光景很是惨淡,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。</p> </body> </html>
例子中的文字虽然没有分段显示,但是用了<p>标签在网页上运行就显示分段了,这就是<p>标签的作用。
HTML 水平线
<hr> 标签在 HTML 页面中创建水平线。
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <hr> <h2>我是第二大的</h2> <hr> <h3>我是第三大的</h3> <hr> .... <h6>我是最小的</h6> </body> </html>
HTML 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释写法如下:
<!-- 注释 -->
HTML 提示 - 如何查看源代码
你是否看过一些网页然后惊叹它是如何实现的的。
如果您想找到其中的奥秘,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。