HTML標(biāo)題和段落
HTML?標(biāo)題和段落
HTML 標(biāo)題
標(biāo)題(Heading)是通過 <h1> - <h6> 標(biāo)簽進行定義的.
<h1> 定義最大的標(biāo)題。 <h6> 定義最小的標(biāo)題。
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>
注釋:?瀏覽器會自動地在標(biāo)題的前后添加空行。
標(biāo)題很重要
請確保將 HTML 標(biāo)題 標(biāo)簽只用于標(biāo)題。不要僅僅是為了生成粗體或大號的文本而使用標(biāo)題。
搜索引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引。
因為用戶可以通過標(biāo)題來快速瀏覽您的網(wǎng)頁,所以用標(biāo)題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。
應(yīng)該將 h1 用作主標(biāo)題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。
HTML 段落
有了標(biāo)題接著就會有段落了,段落是用<p></p>標(biāo)簽定義的,比如一段文字,你想給其分段就可以用<p>標(biāo)簽:
<html> <head> <meta charset="utf-8"> </head> <body> <h1>《背影》-朱自清</h1> <p>我與父親不相見已二年余了,我最不能忘記的是他的背影。</p>那年冬天,祖母死了,父親的差使也交卸了,正是禍不單行的日子。我從北京到徐州打算跟著父親奔喪 回家。到徐州見著父親,看見滿院狼藉的東西,又想起祖母,不禁簌簌地流下眼淚。父親說:“事已如此,不必難過,好在天無絕人之路!”</p><p>回家變賣典質(zhì),父親 還了虧空;又借錢辦了喪事。這些日子,家中光景很是慘淡,一半為了喪事,一半為了父親賦閑。喪事完畢,父親要到南京謀事,我也要回北京念書,我們便同行。</p> </body> </html>
例子中的文字雖然沒有分段顯示,但是用了<p>標(biāo)簽在網(wǎng)頁上運行就顯示分段了,這就是<p>標(biāo)簽的作用。
HTML 水平線
<hr> 標(biāo)簽在 HTML 頁面中創(chuàng)建水平線。
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <hr> <h2>我是第二大的</h2> <hr> <h3>我是第三大的</h3> <hr> .... <h6>我是最小的</h6> </body> </html>
HTML 注釋
可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
注釋寫法如下:
<!-- ?注釋 ?-->
HTML 提示 - 如何查看源代碼
你是否看過一些網(wǎng)頁然后驚嘆它是如何實現(xiàn)的的。
如果您想找到其中的奧秘,只需要單擊右鍵,然后選擇"查看源文件"(IE)或"查看頁面源代碼"(Firefox),其他瀏覽器的做法也是類似的。這么做會打開一個包含頁面 HTML 代碼的窗口。