1.文檔結構標簽:主要用來標識文檔的基本結構

a) html /html :標識HTML文檔的起始和終止

b) head /head :標識HTML文檔的頭部區域

c) body /body :標識HTML文檔的主體區域

2.文本格式標簽:主要用來標識文本區塊,并附帶一定的顯示格式

a) title /title :表識網頁標題

b) hi /hi :標識標題文本,其中i表示1~6,分別表示一級、二級等標題

c) p /p :標識段落文本

d) pre /pre :標識預定義文本

e) blockquote /blockquote :標識引用文本

3.字符格式標簽:主要用來標識部分文本字符的語義,如加粗/斜體/下劃線顯示

a) b /b :標識強調文本,以加粗效果顯示

b) i /i :標識引用文本,以斜體效果顯示

c) blink /blink :標識閃爍文本,以閃爍效果顯示(IE瀏覽器不支持該標簽)

d) big /big / small /small :標識放大/縮小文本,以放大/縮小效果顯示

e) sup /sup :標識上文本,以上標效果顯示

f) sub /sub :標識下文本,以下標效果顯示

g) cite /cite :標識引用文本,以引用效果顯示

使用各種字符格式標簽顯示一個數學方程式的解法

!DOCTYPE html
htmllang= en
head
metacharset= UTF-8
title 字符格式標簽 /title
/head
body
p 針對下面這個一元二次方程: /p
p i x /i sup 2 /sup - b 5 /b i x /i + b 4 /b =0 /p
p 我們使用 big b 分解因式法 /b /big 來演示解題如下: /p
p small 由: /small ( i x /i -1)( i x /i -4)=0 /p
p small 得: /small br/ i x /i sub 1 /sub =1
br/ i x /i sub 2 /sub =4 /p
/body
/html

4.列表標簽:在HTML中列表結構可以分為兩種類型:有序列表和無序列表.無序列表使用項目符號來標識列表,而有序列表則是用編號來標識列表的項目順序.

a) ul li ... /li /ul :標識無序列表. li /li :標識列表項目

b) ol li ... /li /ol :標識有序列表. li /li :標識列表項目

i. 使用無序列表和有序列表分別顯示一元二次方程求解的4種方法

!DOCTYPE html
htmllang= en
head
metacharset= UTF-8
title 列表標簽 /title
/head
body
h1 解一元二次方程 /h1
p 無序列表列出4種方法: /p
ul
li 直接開平方法 /li
li 配方法 /li
li 公式法 /li
li 分解因式法 /li
/ul
p 有序列表列出4種方法: /p
ol
li 直接開平方法 /li
li 配方法 /li
li 公式法 /li
li 分解因式法 /li
/ol
/body
/html

c) dl dt ... /dt dd ... /dd /dl :自定義列表,包括詞條和解釋兩部分內容.

i. dl /dl 標識定義列表; dt /dt :標識詞條; dd /dd :標識解釋

ii. 使用定義列表顯示兩個成語的解釋

!DOCTYPE html
htmllang= en
head
metacharset= UTF-8
title 列表標簽 /title
/head
body
dl
dt 知無不言,言無不盡 /dt
dd 知道的就說，要說就毫無不保留 /dd
dt 智者千慮,必有一失 /dt
dd 不管多聰明的人,在很多的考慮中,也一定會出現個別錯誤 /dd
/dl
/body
/html

5.鏈接標簽:實現把多個網頁聯系在一起

a) a /a :標識超鏈接.還可以定義錨點.錨點是一類特殊的超鏈接,它可以定位帶網頁中某個具體的位置.例如在下面實例中單擊超鏈接文本,就可以跳轉到頁面的頂部.

!DOCTYPE html
htmllang= en
head
metacharset= UTF-8
title 鏈接標簽 /title
/head
body
spanid= top 底部錨點位置 /span
divid= box > ahref= #top 單擊返回頂部 /a
/body
/html

6.多媒體標簽:主要用于引入外部多媒體文件進行顯示.

a) img /img :嵌入圖像

b) embed /embed :嵌入多媒體

c) object /object :嵌入多媒體

7.表格標簽:用來組織和管理數據.

a) table /table :定義表格結構

b) caption /caption :定義表格標題

c) th /th :定義表頭

d) tr td ... /td /tr : tr /tr 定義表格行; td ... /td 定義表格單元格

!DOCTYPE html
htmllang= en
head
metacharset= UTF-8
title 表格 /title
/head
body
tablesummary= 使用表格結構顯示3行2列數據集 border= 1
caption ASCII字符集 /caption
tr
th 十進制 /th
th 十六進制 /th
/tr
tr
td 9 /td
td 9 /td
/tr
tr
td 10 /td
td A /td
/tr
/table
/body
/html

8.表單標簽:主要用來制作交互式表單.

a) form /form :定義表單結構

b) input/ :定義文本域、按鈕和復選

c) textarea /textarea :定義多行文本框

d) select /select :定義下拉列表

e) option /option :定義下拉列表中選擇項目

!DOCTYPE html
htmllang= en
head
metacharset= UTF-8
title 表單 /title
/head
body
formaction= method= post
p 單行文本域: inputtype= text / /p
p 密碼域: inputtype= password / /p
p 多行文本域: textareaname= textareafield value= /textarea /p
p 復選框: br 復選框1 inputtype= checkbox name= box1 value= / 跳舞 br
復選框2 inputtype= checkbox name= box2 value= / 唱歌 br
/p
p 單選按鈕:
inputtype= radio name= radio value= nan 按鈕1
inputtype= radio name= radio value= nv 按鈕2 br
/p
p 下拉菜單:
selectname= selectlist
optionvalue= 1 選項1 /option
optionvalue= 2 選項2 /option
optionvalue= 3 選項3 /option
/select
/p
p inputtype= submit name= button id= button value= 提交 / /p
/form
/body
/html

相關推薦：

如何讓數據里html字段轉換為HTML標簽

html標簽分類

帶有html標簽的字符串轉換為HTML標簽

以上就是html中的標簽詳解的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。