2012/7/21 16:01:52作者:佚名來源:網(wǎng)絡(luò)
前面我們了解了什么是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)簽 代碼
相關(guān)文章
金山數(shù)據(jù)恢復(fù)大師官方版 v1.0.0.2
詳情南方測(cè)繪Cass10v10.1.6中文
詳情revit 2017
詳情KeyShot Pro 9中文(附安裝教程) v9.0.286
詳情網(wǎng)易新聞客戶端v105.3
詳情AIMP4v5.11.2421中文綠色美化版
詳情onekey一鍵還原v18.0.18.1008
詳情浩辰CAD2020綠色v20.0
詳情好圖網(wǎng)圖標(biāo)轉(zhuǎn)換工具v4.9.7
詳情Adobe indesign cs6
詳情aardiov35.0.0中文最新版
詳情Adobe Creative Cloud 2024簡(jiǎn)體中文v5.3.0.48
詳情暴風(fēng)影音16 v9.04.1029去廣告精簡(jiǎn)版
詳情ASP.NET Maker 2019(ASP.NET代碼生成工具)v12.0.4.0
詳情暴風(fēng)影音v5.92.0824.1111
詳情迅雷5穩(wěn)定版v5.8.14.706
詳情使命召喚17官方中文版 v1.0
詳情死亡之雨新的僵尸病毒中文v1.0綠色免安裝版
詳情輻射4v1.7.15.0整合版
詳情克莉2v1.0中文版
詳情冬日計(jì)劃v1.2中文版
詳情刺客信條英靈殿v1.0吾愛
詳情刺客信條英靈殿終極v1.0免安裝
詳情動(dòng)物森友會(huì)v1.10.0最新
詳情哈迪斯殺出地獄v1.37中文
詳情嗜血印中文豪華版v1.0豪華版 附游戲攻略秘籍
詳情城市戰(zhàn)斗v1.0中文
詳情尼爾人工生命v1.0steam免費(fèi)
詳情尼爾人工生命升級(jí)版v1.0PC
詳情層層恐懼2中文v1.0綠色免安裝版
詳情往日不再v1.0 steam
詳情往日不再v1.0pc
詳情小生活游戲內(nèi)置MOD版v2.0(57)安卓版
詳情使命召喚手游測(cè)試服最新版v1.9.41安卓版
詳情三國(guó)謀定天下官服v1.2.1安卓版
詳情熱血新手村高爆版v1.0.0安卓版
詳情我養(yǎng)你啊手機(jī)版v1.0.0安卓版
詳情看懂了就很恐怖的故事(細(xì)思極恐)中文版v1.0安卓版
詳情背包英雄中文手機(jī)版v1.1.1安卓版
詳情glow官方版v2.0.9安卓版
詳情三國(guó)大時(shí)代4霸王立志官方正版v1.9安卓版
詳情飛盧小說閱讀器手機(jī)版v7.0.7安卓版
詳情牛?;浾Z(yǔ)詞典軟件v20.4.4安卓版
詳情PrettyUp視頻美化瘦身軟件v2.3.0
詳情化學(xué)方程式app中文版v1.1.0.20安卓版
詳情地下城堡3魂之詩(shī)2024安卓最新版v1.2.3安卓版
詳情南方都市報(bào)v6.10.0安卓版
詳情阿修羅之眼正版v1.0.10安卓版
詳情