**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