天天看點

**HTML(HyperText Markup Language) 超文本标記語言**

**HTML(HyperText Markup Language) 超文本标記語言**
           

一、html網頁基本結構

!DOCTYPE html <!-- 聲明文檔類型H5 --!>

html <!-- 根标記标簽 --!>

head

meta charset=“utf-8” <!-- 設定字元的編碼類型 --!>

title>這個是标題</title

/head

body <!-- 網頁的主題部分 --!>

/body

/html

注:英文直接使用網頁基礎代碼會與浏覽器吱聲沖突,故删除一部分。

二、标簽部分

1.p 段落标簽

2.span 行内标簽

3.hr 分割線标簽

4.br 換行标簽

5.hn (h1-h6) 标題标簽

6.del 删除标簽

7.u 下劃線标簽

8.em/i 斜體标簽

9.b/strong 加粗标簽

10.【header 頭部标簽】 // 【】的是語義化标簽

11.【section 中間部分标簽】

12.【footer 尾部标簽】

13.【nav 導航欄标簽】

14.(video 視訊标簽) // ()的是媒體标簽

15.(audio 音頻标簽)

16.(img 圖檔标簽)

17.ul 帶原點符号的無序清單标簽

18.ol 有序清單标簽

19.li 清單項目标簽

20.dl 不帶原點符号的無序清單标簽(内部還有dt,dd标簽)

21.a 超連結标簽

22.table 表格标簽(内部還有tr行,th列,td普通列)

23.form 表單标簽

24.input 輸入标簽

25.textarea 多文本标簽

26.button 按鈕标簽

27.select 下拉清單标簽(option,下拉清單中的一個标簽)

28.form 表單域

{

單行文本域:

  密碼文本域:

  單選按鈕:

  多選按鈕:

  手機号碼按鈕:

  數字按鈕:

  顔色按鈕:

  隐藏域:

  送出按鈕:

  重置按鈕:

  自定義按鈕:

  檔案上傳:

  多行文本域:

  下拉清單域:

}

學習HTML的都知道,标簽非常的繁多,這裡也僅僅列舉了一部分,感覺HTML學習的就是标簽的使用,後面配合CSS,JavaScript、jQuery等,才能盡善盡美,道路漫長,就先分享這麼多了。
If you can make a little progress every day, you should be very happy.				——MRIRA