HTML標簽的示例分析

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

　　結(jié)構(gòu)

　?。糷tml＞

　　＜head＞

　?。紅itle＞標題＜title＞

　?。?head＞

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

　?。?body＞

　?。?html＞

　　1.文件標題

　?。紅itle＞……＜/title＞

　　2.文件更新--＜meta＞

　　【1】10秒后自動更新一次

　?。糾eta http-equiv="refresh" content=10＞

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

　?。糾eta http-equiv="refresh" content="10；URL=欲連結(jié)文件之URL"＞

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

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

　?。糹sindex prompt="提示文字"＞

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

　　＜base href="放置文件的主機之URL"＞

　　版面

　　1.標題文字 ＜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：表藍色（blue）色碼

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

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

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

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

　　7.打字機字體 ＜tt＞……＜/tt＞

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

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

　　10.下標字 ＜sub＞……＜/sub＞

　　11.上標字 ＜sup>……＜/sup＞

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

　　13.換行 ＜br＞

　　14.分段 ＜p＞

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

　　16.分隔線 ＜hr＞

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

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

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

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

　　【5】實心分隔線 ＜hr noshade＞

　　17.向中對齊 ＜center＞……＜/center＞

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

　　19.＜body＞指令的屬性

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

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

　　【3】設(shè)定背景圖案不會卷動 -- 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é)過的超連結(jié)文字顏色 -- alink ＜body alink=#rrggbb＞

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

　　符 號 　　語 法

　　＜  　　　＆ｌｔ

　?。?nbsp; 　　?。Γ纾?/p>

　　& 　　 　＆ａｍｐ

　　"  　　?。Γ瘢酰铮?/p>

　　空白  　　＆ｎｂｓｐ

　　圖片

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

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

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

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

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

　　6.預(yù)載圖片

　?。糹mg src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"＞ P.S.兩個圖的圖形大小最好一致

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

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

　?。糰rea shape=形狀 coords=區(qū)域座標列表 href="連結(jié)點之URL"＞

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

　?。糰rea shape=形狀 coords=區(qū)域座標列表 href="連結(jié)點之URL"＞    ＜/map＞

　　【1】定義形狀 -- shape

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

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

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

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

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

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

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

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

　　表格

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

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

　?。紅able border=點數(shù)＞

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

　　＜table cellspacing=點數(shù)＞

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

　?。紅able cellpadding=點數(shù)＞

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

　?。紅able width=點數(shù)或百分比＞

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

　?。紅able height=點數(shù)或百分比＞

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

　　＜table bgcolor=#rrggbb＞

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

　?。紅able bordercolor=#rrggbb＞

　　2.顯示格線 ＜table border＞

　　3.表格標題

　　＜caption＞……＜/caption＞

　　表格標題位置 -- align

　?。糲aption align="#"＞ #號可為 top：表標題置于表格上方（預(yù)設(shè)值）

　　bottom：表標題置于表格下方

　　4.定義列 ＜tr＞

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

　　《2》＜th＞：靠中對齊？粗體

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

　　#號可為 left：向左對齊

　　center：向中對齊 right：向右對齊

　　【2】垂直位置 -- align ＜th align="#"＞ #號可為

　　top：向上對齊 middle：向中對齊

　　bottom：向下對齊

　　【3】欄位寬度 -- width

　?。紅h width=點數(shù)或百分比＞

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

　?。紅h rowspan=欲合并欄位數(shù)＞

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

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

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