當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > html常用標(biāo)簽有哪些?

html常用標(biāo)簽有哪些?

2012/7/21 16:01:52作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

前面我們了解了什么是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=頁(yè)框名></a> 外部連結(jié)(在指定頁(yè)框連結(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>  向中對(duì)齊
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è)定對(duì)齊方向
html <P>  分段
html <PERSON>...</PERSON>  顯示人名
html <PRE>  使用原有排列
html <SAMP>...</SAMP>  用于引用字
html <SELECT>...</SELECT>  在窗體中定義列表欄
html <SMALL>  顯示小字體
html <STRIKE>  文字加橫線
html <STRONG>  用于加強(qiáng)語(yǔ)氣
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)整表格字段之左右對(duì)齊
html <TD BGCOLOR>  設(shè)定表格字段之背景顏色
html <TD COLSPAN ROWSPAN>  表格字段的合并
html <TD NOWRAP>  設(shè)定表格字段不換行
html <TD VALIGN>  調(diào)整表格字段之上下對(duì)齊
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>  用于顯示變量


 

 

標(biāo)簽: 標(biāo)簽  代碼