古詩詞大全網 - 成語經典 - HTML中的相關標簽

HTML中的相關標簽

壹談起html中的標簽大家第壹反應都是div,其實還有許許多多的語義標簽。下面壹壹介紹:

1.<h1></h1>,<h2></h2>,<h3></h3>....<h6></h6>他們通稱為標題標簽,h1代表壹級標題,h2代表二級標題,h3代表三級標題...他們是塊級標簽,無默認屬性,雙標簽。但是他們有默認樣式,他們都有margin-top,margin-bottom,它們的值不壹樣.有不同的font-size和font-weight。

2.<hr/>他是分割線標簽,塊級標簽,單標簽。他有默認的樣式值,他有margin-top和margin-bottom值都為8px,而且還有壹個border。

3.<p></p>段落標簽,塊級標簽,雙標簽(註意p標簽裏不能嵌套塊級標簽)它的默認樣式值是有margin-top和margin-bottom值都為16px.

4.<ol><li></li></ol>有序列表標簽,ol與li是成對存在的。他是雙標簽,組合標簽,塊級標簽。ol 有序列表區域 ,li 列表項。ol有默認樣式值是上下的16px的margin和左padding為40px。?

5.<ul><li></li></ul>無序列表標簽,ul與li是成對存在的。他是雙標簽,組合標簽,塊級標簽。ul 無序列表區域 ,li 列表項。ul有默認樣式值是上下的16px的margin和左padding為40px。

6.<dl><dt></dt><dd></dd></dl>字典標簽,dl標簽為雙標簽,塊級標簽。dl有默認樣式值是上下的16px的margin。

dd也有默認樣式它有margin-left為40px。

7.<a href="###" (跳轉地址必須的而且不能為空) target="跳轉方式 _blank 新窗口打開"></a>他是行級標簽,雙標簽。

它有四種偽類屬性分別為a:link(link狀態 鏈接未瀏覽狀態),a:visited(active狀態 鼠標點擊未松開時的狀態),a:hover(hover狀態 鼠標懸浮在鏈接上時的狀態),a:visited(visited狀態 鏈接已被訪問過)。不同的時候有不同的默認樣式。

8.<img src="(圖片地址)" alt="(當圖片加載失敗時提供的信息)">他是圖片標簽,單標簽 比如特殊,雖然為行級,但是可以設置尺寸。但他也不屬於行塊標簽。支持寬高屬性 不需要加單位 壹般寬高只設置壹個。

9.<strong></strong>粗體標簽,雙標簽,行級標簽。壹般用於強調。它的默認樣式就是font-weight。

10.<em></em>斜體標簽,雙標簽,行級標簽。壹般用於強調。它的默認樣式就是font-style。

11<big></big>;<small></small>雙標簽,行級標簽.壹般用於強調。它的默認樣式就是font-size。註意它字體大小相對於父級字體大小變化而變化

12.<sub></sub>,<sup></sup>,<del></del>分別表示文字下標,文字上標,和刪除文字。