成都網絡公司認識標題、段落、區(qū)塊、強調等文本標簽

今天小編為大家?guī)沓啥既A信智原HTML第三課，認識標題、段落、區(qū)塊、強調等文本標簽，一個網頁中文字是傳達信息的主要元素，文本主要由重要的標題、文章段落、被強調的文本、普通的文本組成。下面我們就一起來學習吧！

一、標題

標題標簽有六個，依次是h1，h2，h3，h4，h5，h6。

Markup

網頁最重要的文字標簽，一般用在logo、三級頁面文章標題上。
重要性次于h1，一般用在首頁、二級頁面的模塊標題，三級頁面文章的二級標題上。
重要性次于h2，一般用在文章列表的標題上。
不太重要
不常用
不常用

比如，騰訊網的logo就是使用h1，代碼如下：

Markup

騰訊網

首頁中很多的新聞模塊，模塊的標題使用的h2，代碼如下：

Markup

今日話題

“今日話題”新聞模塊下的頭條新聞，新聞標題使用了h3，代碼如下：

Markup

女子動車上拒給老人讓座：別強行拔高道德水準

二、段落標簽

段落內容

段落標簽很簡單，文章是由段落構成的，不過默認的段落樣式沒有符合中國人首行縮進的習慣。需要后期css樣式重新設置。

Markup

段落文本

三、特殊的文本

1、強調文本標簽

文章中有一些文字相對來說比較重要，但是還不足以成為標題的時候，可以使用強調標簽，該標簽要和標簽區(qū)別開來。雖然兩個標簽都能讓文字加粗，但是也只是讓文字樣式加粗，并沒有強調文字重要性的含義，而且也建議用CSS樣式代替文字加粗的樣式。

Markup

強調的文本

2、

預格式化文本，pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。常見應用就是用來表示計算機的源代碼。
Markup

3、
引用文本
Markup
毛澤東說過：
帝國主義都是紙老虎 ... 

4、定義計算機代碼文本。和pre有點差不多呢。
Markup
for(var i=0;i<100;i++){

}
5、定義引用?？墒褂迷摌撕瀸⒖嘉墨I的引用進行定義，比如書籍或雜志的標題。和blockquote還是有差別的。
……還有一些使用頻率較少的關于文本的標簽請自行查手冊。
四、區(qū)塊文本
該標簽一般用來表示一塊文本需要區(qū)別出來，而且該文本一般不具有特別重要的意義。比如文章發(fā)表的作者、日期、評論次數(shù)、點贊等等。
Markup
評論次數(shù)：
五、普通文本
文本沒有用具體的標簽來描述，直接放在結構性標簽里面。比如直接把文本放在div、li等結構性標簽中。這種做法不太友好。
Markup
文本內容

在html5中增加了很多具有語義化的文本標簽，比如日期、
地址
、不夠重要的小號文本等，還是查閱萬能的手冊吧。
html4手冊下載
xhtml_reference.chm
html5手冊下載
w3c標準html5手冊.chm
還有一個好辦法就是看優(yōu)質的網站是如何使用標簽的。下載一個谷歌瀏覽器，利用右鍵菜單中“審查元素”的命令，可以很好的查看當前文檔的html、css、js等內容。
當然火狐的firebug更專業(yè)，不過火狐的開啟速度.......，所以還是平民的谷歌更讓我喜歡，蘿卜白菜，各有所愛啦！
成都網絡公司-了解更多此方面的朋友請登陸：http://920576.cn/！這里有更多的驚喜等著您！