HTML常用標簽總結


1. div標簽(雙)

一個通用標簽,表示一個區塊(division),可用於存放文本內容以及其他標簽

2. span標簽(雙)

一個通用目的的行內標簽(即不會產生換行),不帶有任何語義

3. p標簽(雙)

一個塊級元素,代表文章的一個段落(paragraph)

4. a標簽(雙)

用來定義超鏈接,使一張頁面鏈接到另外一張頁面 <a href="" target=""></a>

  • 未被訪問的鏈接帶有下划線--藍色
  • 已訪問的鏈接帶有下划線--紫色
  1. href屬性:表示鏈接的目標地址,也用於錨點鏈接(id名)。
  2. target屬性:表示當前連接的打開方式,值為_self表示默認當前窗口,值為_blank表示在新窗口打開

5. img標簽(單)

img為圖像標簽,可以向網頁中嵌入圖像:<img src="" alt="" title="">

  • src:用來引用圖像文件的絕對路徑或相對路徑(URL)
    -- 相對路徑:當前位置開始尋找--范圍小
    -- 絕對路徑:從根源出發(盤符出發),范圍大

  • alt:規定在圖像 無法顯示時 的替代文本,解釋說明

  • title:鼠標移動至圖片上方顯示相應文字信息
    注意:我們一般在使用img標簽時,隨即添加width/height屬性來設置圖片大小,目的是:用來占據位置,防止網頁布局混亂

6. ul無序列表(雙)

ul標簽里邊只能是li標簽,li標簽里邊可以放其他標簽!
<ul type=""> <li>存放標簽體內容</li> </ul>

type屬性:

  • disc--默認值,黑心圓
  • circle --空心圓
  • square --黑方塊

7. ol有序列表(雙)

ol標簽里邊只能是li標簽,li標簽里邊可以放其他標簽!
<ol type=""> <li>存放標簽體內容</li> </ol>

type屬性:

  • 1--默認值,按照數字1開始排序
  • A --按照大寫英文字母A排序
  • a --按照小寫英文字母a排序
  • I --按照大寫羅馬字符排序
  • i --按照小寫羅馬字符排序

8. dl自定義列表(雙)

<dl> <dt>標題</dt> <dd>內容</dd> </dl>

9. br換行符(單)

換行符,單獨使用

10. hr標簽(單)

水平線分割線,單獨使用

11. pre標簽(雙)

一個塊級元素,表示保留原來的格式(瀏覽器會保留該標簽內部原始的換行和空格)

12. strong/b標簽(雙)

粗體顯示內容,表示內容本身的重要性(strong權重大於b)

13. em/i標簽(雙)

斜體顯示它包含的內容,表示語氣上的強調(em權重大於i)

14. code標簽(雙)

一個行內元素,表示標簽內容是計算機代碼,瀏覽器默認會以等寬字體顯示

15. sup標簽(雙)

右上角顯示內容

例如:x<sup>2</sup>:表示x2

16. sub標簽(雙)

右下角顯示內容

例如:H<sub>2</sub>O:表示H2O


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM