這篇文章主要為大家展示了“HTML標(biāo)簽的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML標(biāo)簽的示例分析”這篇文章吧。

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)鄠邑免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

結(jié)構(gòu)

＜html＞

＜head＞

＜title＞標(biāo)題＜title＞

＜/head＞

＜body＞……文件內(nèi)容……

＜/body＞

＜/html＞

1.文件標(biāo)題

＜title＞……＜/title＞

2.文件更新--＜meta＞

【1】10秒后自動(dòng)更新一次

＜meta http-equiv="refresh" content=10＞

【2】10秒後自動(dòng)連結(jié)到另一文件

＜meta http-equiv="refresh" content="10；URL=欲連結(jié)文件之URL"＞

3.查詢用表單--＜isindex>

若欲設(shè)定查詢欄位前的提示文字：

＜isindex prompt="提示文字"＞

4.預(yù)設(shè)的基準(zhǔn)路徑--＜base>

＜base href="放置文件的主機(jī)之URL"＞

版面

1.標(biāo)題文字 ＜h#＞……＜/h#＞ #=1——6；h2為最大字，h7為最小字

2.字體變化 ＜font＞……＜/font＞

【1】字體大小 ＜font size=#＞……＜/font＞ #=1——7；數(shù)字愈大字也愈大

【2】指定字型 ＜font face="字型名稱"＞……＜/font＞

【3】文字顏色 ＜font color=#rrggbb＞……＜/font＞ rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍(lán)色（blue）色碼

3.顯示小字體 ＜small＞……＜/small＞

4.顯示大字體 ＜big＞……＜/big＞

5.粗體字 ＜b＞……＜/b＞

6.斜體字 ＜i＞……＜/i＞

7.打字機(jī)字體 ＜tt＞……＜/tt＞

8.底線 ＜u＞……＜/u＞

9.刪除線 ＜strike＞……＜/strike＞

10.下標(biāo)字 ＜sub＞……＜/sub＞

11.上標(biāo)字 ＜sup>……＜/sup＞

12.文字閃爍效果 ＜blink＞……＜/blink＞

13.換行 ＜br＞

14.分段 ＜p＞

15.文字的對(duì)齊方向 ＜p align="#"＞ #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊 P.S.＜p align="#"＞之後的文字都會(huì)以所設(shè)的對(duì)齊方式顯示， 直到出現(xiàn)另一個(gè)＜p align="#"＞改變其對(duì)齊方向，或遇到 ＜hr＞？＜h#＞標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊。

16.分隔線 ＜hr＞

【1】分隔線的粗細(xì) ＜hr size=點(diǎn)數(shù)＞

【2】分隔線的寬度 ＜hr size=點(diǎn)數(shù)或百分比＞

【3】分隔線對(duì)齊方向 ＜hr align="#"＞ #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊

【4】分隔線的顏色 ＜hr color=#rrggbb＞

【5】實(shí)心分隔線 ＜hr noshade＞

17.向中對(duì)齊 ＜center＞……＜/center＞

18.依原始樣式顯示 ＜pre＞……＜/pre＞

19.＜body＞指令的屬性

【1】背景顏色 -- bgcolor ＜body bgcolor=#rrggbb＞

【2】背景圖案 -- background ＜body background="圖形文件名"＞

【3】設(shè)定背景圖案不會(huì)卷動(dòng) -- bgproperties ＜body bgproperties=fixed＞

【4】文件內(nèi)容文字的顏色 -- text ＜body text=#rrggbb＞

【5】超連結(jié)文字顏色 -- link ＜body link=#rrggbb＞

【6】正被選取的超連結(jié)文字顏色 -- vlink ＜body vlink=#rrggbb＞

【7】已連結(jié)過(guò)的超連結(jié)文字顏色 -- alink ＜body alink=#rrggbb＞

20.注解 ＜！--……--＞21.特殊字元表示法

符 號(hào) 　　語(yǔ) 法

＜  　　?。Γ欤?/p>

＞  　　?。Γ纾?/p>

& 　　 　＆ａｍｐ

"  　　?。Γ瘢酰铮?/p>

空白  　?。Γ睿猓螅?/p>

圖片

1.插入圖片 ＜img src="圖形文件名"＞

2.設(shè)定圖框 -- border ＜img src="圖形文件名" border=點(diǎn)數(shù)＞

3.設(shè)定圖形大小 -- width?height ＜img src="圖形文件名" width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)＞

4.設(shè)定圖形上下左右留空 -- vspace?hspace ＜img src="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)＞

5.圖形附注 ＜img src="圖形文件名" alt="說(shuō)明文字"＞

6.預(yù)載圖片

＜img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"＞ P.S.兩個(gè)圖的圖形大小最好一致

7.影像地圖（Image Map） ＜img src="圖形文件名" usemap="#圖的名稱"＞ ＜map name="圖的名稱"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞    ＜/map＞

【1】定義形狀 -- shape

shape=rect：矩形         shape=circle：圓形         shape=poly：多邊形

【2】定義區(qū)域 -- coords

a.矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)

例：＜area shape=rect coords=100,50,200,75 href="URL"＞

b.圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度

例：＜area shape=circle coords=85,155,30 href="URL"＞

c.任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入

例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"＞

表格

1.定義表格 ＜table＞……＜/table＞

【1】設(shè)定邊框的厚度 -- border

＜table border=點(diǎn)數(shù)＞

【2】設(shè)定格線的寬度 -- cellspacing

＜table cellspacing=點(diǎn)數(shù)＞

【3】設(shè)定資料與格線的距離 -- cellpadding

＜table cellpadding=點(diǎn)數(shù)＞

【4】調(diào)整表格寬度 -- width

＜table width=點(diǎn)數(shù)或百分比＞

【5】調(diào)整表格高度 -- height

＜table height=點(diǎn)數(shù)或百分比＞

【6】設(shè)定表格背景色彩 -- bgcolor

＜table bgcolor=#rrggbb＞

【7】設(shè)定表格邊框色彩 -- bordercolor

＜table bordercolor=#rrggbb＞

2.顯示格線 ＜table border＞

3.表格標(biāo)題

＜caption＞……＜/caption＞

表格標(biāo)題位置 -- align

＜caption align="#"＞ #號(hào)可為 top：表標(biāo)題置于表格上方（預(yù)設(shè)值）

bottom：表標(biāo)題置于表格下方

4.定義列 ＜tr＞

5.定義欄位 《1》＜td＞：靠左對(duì)齊

《2》＜th＞：靠中對(duì)齊？粗體

【1】水平位置 -- align ＜th align="#"＞

#號(hào)可為 left：向左對(duì)齊

center：向中對(duì)齊 right：向右對(duì)齊

【2】垂直位置 -- align ＜th align="#"＞ #號(hào)可為

top：向上對(duì)齊 middle：向中對(duì)齊

bottom：向下對(duì)齊

【3】欄位寬度 -- width

＜th width=點(diǎn)數(shù)或百分比＞

【4】欄位垂直合并 -- rowspan

＜th rowspan=欲合并欄位數(shù)＞

【5】欄位橫向合并 -- colspan

＜th colspan=欲合并欄位數(shù)＞

以上是“HTML標(biāo)簽的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！