網(wǎng)頁的本質(zhì)就是超級(jí)文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級(jí)文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語言之所以稱為超文本標(biāo)記語言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 前面我們了解了什么是HTML,接下來就要了解一下html常用標(biāo)簽了,只有了解了常用的html標(biāo)簽我們才能真正了解HTML的內(nèi)容,我們平時(shí)看到用到的HTML中有以下常用標(biāo)簽,也可以說你必須清楚記住的這幾個(gè)標(biāo)簽,這里我們按二種方式整理,一是按類型,一是按字母,這樣便于查詢,HTML常用標(biāo)簽如下: 一、按類型分html常用標(biāo)簽 1.跑馬燈 標(biāo)簽 功能 html <marquee>...</marquee> 普通卷動(dòng) html <marquee behavior=slide>...</marquee> 滑動(dòng) html <marquee behavior=scroll>...</marquee> 預(yù)設(shè)卷動(dòng) html <marquee behavior=alternate>...</marquee> 來回卷動(dòng) html <marquee direction=down>...</marquee> 向下卷動(dòng) html <marquee direction=up>...</marquee> 向上卷動(dòng) html <marquee direction=right></marquee> 向右卷動(dòng) html <marquee direction=left></marquee> 向左卷動(dòng) html <marquee loop=2>...</marquee> 卷動(dòng)次數(shù) html <marquee width=180>...</marquee> 設(shè)定寬度 html <marquee height=30>...</marquee> 設(shè)定高度 html <marquee bgcolor=FF0000>...</marquee> 設(shè)定背景顏色 html <marquee scrollamount=30>...</marquee> 設(shè)定卷動(dòng)距離 html <marquee scrolldelay=300>...</marquee> 設(shè)定卷動(dòng)時(shí)間
2. 字體效果 標(biāo)簽 功能 html <h1>...</h1> 標(biāo)題字(最大) html <h6>...</h6> 標(biāo)題字(最小) html <b>...</b> 粗體字 html <strong>...</strong> 粗體字(強(qiáng)調(diào)) html <i>...</i> 斜體字 html <em>...</em> 斜體字(強(qiáng)調(diào)) html <dfn>...</dfn> 斜體字(表示定義) html <u>...</u> 底線 html <ins>...</ins> 底線(表示插入文字) html <strike>...</strike> 橫線 html <s>...</s> 刪除線 html <del>...</del> 刪除線(表示刪除) html <kbd>...</kbd> 鍵盤文字 html <tt>...</tt> 打字體 html <xmp>...</xmp> 固定寬度字體(在文件中空白、換行、定位功能有效) html <plaintext>...</plaintext> 固定寬度字體(不執(zhí)行標(biāo)記符號(hào)) html <listing>...</listing> 固定寬度小字體 html <font color=00ff00>...</font> 字體顏色 html <font size=1>...</font> 最小字體 html <font style =font-size:100 px>...</font> 無限增大 3.區(qū)斷標(biāo)記 標(biāo)簽 功能 html <hr> 水平線 html <hr size=9> 水平線(設(shè)定大小) html <hr width=80%> 水平線(設(shè)定寬度) html <hr color=ff0000> 水平線(設(shè)定顏色) html <br> (換行) html <nobr>...</nobr> 水域(不換行) html <p>...</p> 水域(段落) html <center>...</center> 置中 4.鏈接 標(biāo)簽 功能 html <base href=地址> (預(yù)設(shè)好連結(jié)路徑) html <a href=地址></a> 外部連結(jié) html <a href=地址 target=_blank></a> 外部連結(jié)(另開新窗口) html <a href=地址 target=_top></a> 外部連結(jié)(全窗口連結(jié)) html <a href=地址 target=頁框名></a> 外部連結(jié)(在指定頁框連結(jié)) 5.圖像/音樂 標(biāo)簽 功能 html <img src=圖片地址> 貼圖 html <img src=圖片地址 width=180> 設(shè)定圖片寬度 html <img src=圖片地址 height=30> 設(shè)定圖片高度 html <img src=圖片地址 alt=提示文字> 設(shè)定圖片提示文字 html <img src=圖片地址 border=1> 設(shè)定圖片邊框 html <bgsound src=MID音樂文件地址> 背景音樂設(shè)定 6.表格 標(biāo)簽 功能 html <table aling=left>...</table> 表格位置,置左 html <table aling=center>...</table> 表格位置,置中 html <table background=圖片路徑>...</table> 背景圖片的URL=就是路徑網(wǎng)址 html <table border=邊框大小>...</table> 設(shè)定表格邊框大小(使用數(shù)字) html <table bgcolor=顏色碼>...</table> 設(shè)定表格的背景顏色 html <table borderclor=顏色碼>...</table> 設(shè)定表格邊框的顏色 html <table borderclordark=顏色碼>...</table> 設(shè)定表格暗邊框的顏色 html <table borderclorlight=顏色碼>...</table> 設(shè)定表格亮邊框的顏色 html <table cellpadding=參數(shù)>...</table> 指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字) html <table cellspacing=參數(shù)>...</table> 指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字) html <table cols=參數(shù)>...</table> 指定表格的欄數(shù) html <table frame=參數(shù)>...</table> 設(shè)定表格外框線的顯示方式 html <table width=寬度>...</table> 指定表格的寬度大小(使用數(shù)字) html <table height=高度>...</table> 指定表格的高度大小(使用數(shù)字) html <td colspan=參數(shù)>...</td> 指定儲(chǔ)存格合并欄的欄數(shù)(使用數(shù)字) html <td rowspan=參數(shù)>...</td> 指定儲(chǔ)存格合并列的列數(shù)(使用數(shù)字) 7.分割窗口 標(biāo)簽 功能 html <frameset cols="20%,*"> 左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會(huì)自動(dòng)調(diào)整 html <frameset rows="20%,*"> 上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會(huì)自動(dòng)調(diào)整 html <frameset cols="20%,*"> 分割左右兩個(gè)框架 html <frameset cols="20%,*,20%"> 分割左中右三個(gè)框架 html <frameset rows="20%,*,20%"> 分割上中下三個(gè)框架
二、按字母分html常用標(biāo)簽 html <! - - ... - -> 批注 html <A HREF TARGET> 指定超級(jí)鏈接的分割窗口 html <A HREF=#錨的名稱> 指定錨名稱的超級(jí)鏈接 html <A HREF> 指定超級(jí)鏈接 html <A NAME=錨的名稱> 被連結(jié)點(diǎn)的名稱 html <ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址 html <B> 粗體字 html <BASE TARGET> 指定超級(jí)鏈接的分割窗口 html <BASEFONT SIZE> 更改預(yù)設(shè)字形大小 html <BGSOUND SRC> 加入背景音樂 html <BIG> 顯示大字體 html <BLINK> 閃爍的文字 html <BODY TEXT LINK VLINK> 設(shè)定文字顏色 html <BODY> 顯示本文 html <BR> 換行 html <CAPTION ALIGN> 設(shè)定表格標(biāo)題位置 html <CAPTION>...</CAPTION> 為表格加上標(biāo)題 html <CENTER> 向中對齊 html <CITE>...html <CITE> 用于引經(jīng)據(jù)典的文字 html <CODE>...</CODE> 用于列出一段程序代碼 html <COMMENT>...</COMMENT> 加上批注 html <DD> 設(shè)定定義列表的項(xiàng)目解說 html <DFN>...</DFN> 顯示"定義"文字 html <DIR>...</DIR> 列表文字卷標(biāo) html <DL>...</DL> 設(shè)定定義列表的卷標(biāo) html <DT> 設(shè)定定義列表的項(xiàng)目 html <EM> 強(qiáng)調(diào)之用 html <FONT FACE> 任意指定所用的字形 html <FONT SIZE> 設(shè)定字體大小 html <FORM ACTION> 設(shè)定戶動(dòng)式窗體的處理方式 html <FORM METHOD> 設(shè)定戶動(dòng)式窗體之資料傳送方式 html <FRAME MARGINHEIGHT> 設(shè)定窗口的上下邊界 html <FRAME MARGINWIDTH> 設(shè)定窗口的左右邊界 html <FRAME NAME> 為分割窗口命名 html <FRAME NORESIZE> 鎖住分割窗口的大小 html <FRAME SCROLLING> 設(shè)定分割窗口的滾動(dòng)條 html <FRAME SRC> 將HTML文件加入窗口 html <FRAMESET COLS> 將窗口分割成左右的子窗口 html <FRAMESET ROWS> 將窗口分割成上下的子窗口 html <FRAMESET>...</FRAMESET> 劃分分割窗口 html <H1>~html <H6> 設(shè)定文字大小 html <HEAD > 標(biāo)示文件信息 html <HR> 加上分網(wǎng)格線 html <HTML> 文件的開始與結(jié)束 html <I> 斜體字 html <IMG ALIGN> 調(diào)整圖形影像的位置 html <IMG ALT> 為你的圖形影像加注 html <IMG DYNSRC LOOP> 加入影片 html <IMG HEIGHT WIDTH> 插入圖片并預(yù)設(shè)圖形大小 html <IMG HSPACE> 插入圖片并預(yù)設(shè)圖形的左右邊界 html <IMG LOWSRC> 預(yù)載圖片功能 html <IMG SRC BORDER> 設(shè)定圖片邊界 html <IMG SRC> 插入圖片 html <IMG VSPACE> 插入圖片并預(yù)設(shè)圖形的上下邊界 html <INPUT TYPE NAME value> 在窗體中加入輸入字段 html <ISINDEX> 定義查詢用窗體 html <KBD>...</KBD> 表示使用者輸入文字 html <LI TYPE>...</LI> 列表的項(xiàng)目 ( 可指定符號(hào) ) html <MARQUEE> 跑馬燈效果 html <MENU>...</MENU> 條列文字卷標(biāo) html <META NAME="REFRESH" CONTENT URL> 自動(dòng)更新文件內(nèi)容 html <MULTIPLE> 可同時(shí)選擇多項(xiàng)的列表欄 html <NOFRAME> 定義不出現(xiàn)分割窗口的文字 html <OL>...</OL> 有序號(hào)的列表 html <OPTION> 定義窗體中列表欄的項(xiàng)目 html <P ALIGN> 設(shè)定對齊方向 html <P> 分段 html <PERSON>...</PERSON> 顯示人名 html <PRE> 使用原有排列 html <SAMP>...</SAMP> 用于引用字 html <SELECT>...</SELECT> 在窗體中定義列表欄 html <SMALL> 顯示小字體 html <STRIKE> 文字加橫線 html <STRONG> 用于加強(qiáng)語氣 html <SUB> 下標(biāo)字 html <SUP> 上標(biāo)字 html <TABLE BORDER=n> 調(diào)整表格的寬線高度 html <TABLE CELLPADDING> 調(diào)整數(shù)據(jù)域位之邊界 html <TABLE CELLSPACING> 調(diào)整表格線的寬度 html <TABLE HEIGHT> 調(diào)整表格的高度 html <TABLE WIDTH> 調(diào)整表格的寬度 html <TABLE>...</TABLE> 產(chǎn)生表格的卷標(biāo) html <TD ALIGN> 調(diào)整表格字段之左右對齊 html <TD BGCOLOR> 設(shè)定表格字段之背景顏色 html <TD COLSPAN ROWSPAN> 表格字段的合并 html <TD NOWRAP> 設(shè)定表格字段不換行 html <TD VALIGN> 調(diào)整表格字段之上下對齊 html <TD WIDTH> 調(diào)整表格字段寬度 html <TD>...</TD> 定義表格的數(shù)據(jù)域位 html <TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄 html <TEXTAREA WRAP> 決定文字輸入欄是自動(dòng)否換行 html <TH>...</TH> 定義表格的標(biāo)頭字段 html <TITLE> 文件標(biāo)題 html <TR>...</TR> 定義表格美一行 html <TT> 打字機(jī)字體 html <U> 文字加底線 html <UL TYPE>...</UL> 無序號(hào)的列表 ( 可指定符號(hào) ) html <VAR>...</VAR> 用于顯示變量
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |