HTML 标记大全参考手册
生活随笔
收集整理的這篇文章主要介紹了
HTML 标记大全参考手册
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.文件結(jié)構(gòu)
文件類(lèi)型 <HTML></HTML> （放在文檔的開(kāi)頭與結(jié)尾）
文件主題 <TITLE></TITLE> （必須放在「文頭」區(qū)塊內(nèi)）文頭 <HEAD></HEAD> （描述性資料，如「主題」）
文體 <BODY></BODY> （文件主體）
2.結(jié)構(gòu)性定義（由瀏覽器控制的顯示風(fēng)格）
標(biāo)題 <H?></H?> （從 1 到 6，有六層選擇）標(biāo)題的對(duì)齊 <H? ALIGN=LEFT/CENTER/RIGHT></H?>
區(qū)塊 <DIV></DIV>
區(qū)塊的對(duì)齊 <DIV ALIGN=LEFT/RIGHT/CENTER/JUSTIFY></DIV>
引文區(qū)塊 <BLOCKQUOTE></BLOCKQUOTE> （通常會(huì)內(nèi)縮）
強(qiáng)調(diào) <EM></EM> （通常會(huì)以斜體顯示）
特別強(qiáng)調(diào) <STRONG></STRONG> （通常會(huì)以加粗顯示）
引文 <CITE></CITE> （通常會(huì)以斜體顯示）
碼 <CODE></CODE> （顯示原代碼）
樣本 <SAMP></SAMP>
鍵盤(pán)輸入 <KBD></KBD>
變數(shù) <VAR></VAR>
定義 <DFN></DFN> （有些瀏覽器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
3.與外觀相關(guān)的標(biāo)簽（作者自定的表現(xiàn)方式）
加粗 <B></B>斜體 <I></I>
底線 <U></U> （尚有些瀏覽器不提供）
刪除線 <S></S> （尚有些瀏覽器不提供）
下標(biāo) <SUB></SUB>
上標(biāo) <SUP></SUP>
打字機(jī)體 <TT></TT> （用單空格字型顯示）
預(yù)定格式 <PRE></PRE> （保留文件中空格的大小）
預(yù)定格式的寬度 <PRE WIDTH=?></PRE>（以字符計(jì)算）
居中對(duì)齊 <CENTER></CENTER> （文字與圖片都可以）
閃耀 <BLINK></BLINK> （有史以來(lái)最被嘲弄的標(biāo)簽）
字體大小 <FONT SIZE=?></FONT>（從 1 到 7）
改變字體大小 <FONT SIZE=+/-?></FONT>
基本字體大小 <BASEFONT SIZE=?> （從 1 到 7; 默認(rèn)為 3）
字體顏色 <FONT COLOR="#$$$$$$"></FONT>
4. 鏈接與圖像
鏈接 <A HREF="URL"></A>鏈接到錨點(diǎn) <A HREF="URL#***"></A>（如果錨點(diǎn)在另一個(gè)檔案）
<A HREF="#***"></A> （如果錨點(diǎn)目前的檔案）
鏈接到目的視框 <A HREF="URL" TARGET="***"></A>
設(shè)定錨點(diǎn) <A NAME="***"></A>
圖像 <IMG SRC="URL">
圖像對(duì)齊方式 <IMG SRC="URL" ALIGN=TOP/BOTTOM/MIDDLE>
圖像對(duì)齊方式 <IMG SRC="URL"
ALIGN=LEFT/RIGHT/TEXTTOP/ABSMIDDLE/BASELINE/ABSBOTTOM
>
取代文字 <IMG SRC="URL" ALT="***"> （如果瀏覽器不能顯示圖像則顯
示此文字）
點(diǎn)選圖 <IMG SRC="URL" ISMAP> （需要 CGI 程式）
點(diǎn)選圖 <IMG SRC="URL" USEMAP="URL">
地圖 <MAP NAME="***"></MAP>（描述地圖）
段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"/NOHREF>
大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">（以 pixels 為單位）
圖像邊緣 <IMG SRC="URL" BORDER=?> （以 pixels 為單位）
圖像邊緣空間 <IMG SRC="URL" HSPACE=? VSPACE=?> （以 pixels 為
單位）
低解析度圖形 <IMG SRC="URL" LOWSRC="URL">
用戶(hù)端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
（使用端自動(dòng)更新 ）
內(nèi)嵌物件 <EMBED SRC="URL"> （將物件插入頁(yè)面）
內(nèi)嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">
5.分隔?
段落 <P> （通常是兩個(gè) return）段落 <P></P> （新定義成容器型標(biāo)簽）
文字對(duì)齊方式 <P ALIGN=LEFT/CENTER/RIGHT></P>
換行 <BR> （一個(gè) return）
文字對(duì)齊方式<BR CLEAR=LEFT/RIGHT/ALL>（與圖形合用時(shí)）
橫線 <HR>
橫線對(duì)齊 <HR ALIGN=LEFT/RIGHT/CENTER>
橫線厚度 <HR SIZE=?> （以 pixels 為單位）
橫線寬度 <HR WIDTH=?> （以 pixels 為單位）
橫線寬度比率 <HR WIDTH=%> （以頁(yè)寬為 100%）
實(shí)線 <HR NOSHADE> （沒(méi)有立體效果）
不可換行 <NOBR></NOBR> （不換行）
可換行處 <WBR> （如果需要，可在此斷行）
6.列表
無(wú)序列表 <UL><LI></UL> （<LI> 放在每一項(xiàng)前）公布式列表 <UL TYPE=DISC/CIRCLE/SQUARE>（定義全部的列表項(xiàng)）
<LI TYPE=DISC/CIRCLE/SQUARE>（定義這個(gè)及其後的列表項(xiàng)）
有序列表 <OL><LI></OL> （<LI> 放在每一項(xiàng)前）
數(shù)標(biāo)類(lèi)型 <OL TYPE=A/a/I/i/1> （定義全部的列表項(xiàng)）
<LI TYPE=A/a/I/i/1> （定義這個(gè)及其後的列表項(xiàng)）
起始數(shù)字 <OL value=?> （定義全部的列舉項(xiàng)）
<LI value=?> （定義這個(gè)及其後的列表項(xiàng)）
定義式列表 <DL><DT><DD></DL>（<DT>項(xiàng)目, <DD>定義）
表單式列表 <MENU><LI></MENU>（<LI> 放在每一項(xiàng)前）
目錄式列表 <DIR><LI></DIR> （<LI> 放在每一項(xiàng)前）
7.背景與顏色
背景 <BODY BACKGROUND="URL">背景顏色 <BODY BGCOLOR="#顏色"> （依序?yàn)榧t、綠、藍(lán)即
RRGGBB）
文字顏色 <BODY TEXT="#顏色">
鏈接顏色 <BODY LINK="#顏色">
點(diǎn)過(guò)的鏈接 <BODY VLINK="#顏色">
使用中的鏈接 <BODY ALINK="#顏色">
8.特殊字
版權(quán)所有 ? ©注冊(cè)商標(biāo) ? ®
商標(biāo)符號(hào) ? ™
空格符
9.表單 （通常需要與 CGI 程式配合）
定義表單 <FORM ACTION="URL" METHOD=GET/POST></FORM>上傳文檔 <FORM ENCTYPE="multipart/form-data"></FORM>
表單控件類(lèi)型 <INPUT
TYPE="TEXT/PASSWORD/CHECKBOX/RADIO/IMAGE/HIDDEN/SUB
MIT/RESET">
表單控件內(nèi)設(shè)值 <INPUT value="***">
已選定 <INPUT CHECKED> （適用於 checkboxes 與 radio boxes）
表單控件寬度 <INPUT SIZE=?> （以字符數(shù)為單位）
最長(zhǎng)字符數(shù) <INPUT MAXLENGTH=?> （以字符數(shù)為單位）
下拉式選單 <SELECT></SELECT>
下拉式選單名稱(chēng) <SELECT NAME="***"></SELECT>
選單項(xiàng)目數(shù)量 <SELECT SIZE=?></SELECT>
多選式選單 <SELECT MULTIPLE> （多選）
選項(xiàng) <OPTION>
內(nèi)定選項(xiàng) <OPTION SELECTED>
文字輸入?yún)^(qū) <TEXTAREA ROWS=? COLS=?></textarea>
輸入?yún)^(qū)名稱(chēng) <TEXTAREA NAME="***"></textarea>
輸入?yún)^(qū)換行方式 <TEXTAREA
WRAP=OFF/VIRTUAL/PHYSICAL></textarea>
10.表格
定義表格 <TABLE></TABLE>表格邊框 <TABLE BORDER=?></TABLE>（可以設(shè)定數(shù)值,0 為無(wú)邊框）
單元格左右間距 <TABLE CELLSPACING=?>
單元格上下間距 <TABLE CELLPADDING=?>
表格寬度 <TABLE WIDTH=?> （以 pixels 為單位）
表格寬度比率 <TABLE WIDTH=%> （頁(yè)寬為 100%）
表格行 <TR></TR>
表格行內(nèi)容對(duì)齊 <TR ALIGN=LEFT/RIGHT/CENTER
VALIGN=TOP/MIDDLE/BOTTOM>
單元格 <TD></TD> （須與 TR 并用）
單元格內(nèi)容對(duì)齊 <TD ALIGN=LEFT/RIGHT/CENTER
VALIGN=TOP/MIDDLE/BOTTOM>
不換行 <TD NOWRAP>
單元格背景顏色 <TD BGCOLOR=#顏色>
單元格占幾列 <TD COLSPAN=?>
單元格占幾行 <TD ROWSPAN=?>
單元格寬度 <TD WIDTH=?> （以 pixels 為單位）
單元格寬度比率 <TD WIDTH=%> （頁(yè)寬為 100%）
標(biāo)題格 <TH></TH> （跟<TD>一樣，不過(guò)會(huì)對(duì)中并加粗）
標(biāo)題格對(duì)齊 <TH ALIGN=LEFT/RIGHT/CENTER
VALIGN=TOP/MIDDLE/BOTTOM>
標(biāo)題格不換行 <TH NOWRAP>
標(biāo)題格占幾列 <TH COLSPAN=?>
標(biāo)題格占幾行 <TH ROWSPAN=?>
標(biāo)題格寬度 <TH WIDTH=?> （以 pixels 為單位）
標(biāo)題格寬度比率 <TH WIDTH=%> （頁(yè)寬為 100%）
表格標(biāo)頭 <CAPTION></CAPTION>
表格標(biāo)頭位置 <CAPTION ALIGN=TOP/BOTTOM>（在表格之上/之下）
11.視框 （定義與控制屏幕上的特定區(qū)域）
視框格式總定義 <FRAMESET></FRAMESET> （取代<BODY>）視框行長(zhǎng)度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）
視框行長(zhǎng)度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相對(duì)大
小）
視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %）
視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> （* =相對(duì)大小）
定義個(gè)別視框 <FRAME> （定義個(gè)別視框）
個(gè)別視框內(nèi)容 <FRAME SRC="URL">
個(gè)別視框名稱(chēng) <FRAME NAME="***"/_blank/_self/_parent/_top>
邊緣寬度 <FRAME MARGINWIDTH=?> （「左」與「右」邊界）
邊緣高度 <FRAME MARGINHEIGHT=?> （「天頂」與「地底」邊界）
滾動(dòng)條 <FRAME SCROLLING="YES/NO/AUTO">
不可改變大小 <FRAME NORESIZE>
無(wú)視框時(shí)的內(nèi)容 <NOFRAMES></NOFRAMES>（如果瀏覽器不提供視框
功能時(shí)所顯示的內(nèi)容）
12.雜項(xiàng)
說(shuō)明 （瀏覽器不會(huì)顯示）文檔類(lèi)型聲明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML
2.0//EN">
文檔類(lèi)型聲明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML
3.0//EN">
可搜尋 <ISINDEX> （指示可搜尋的索引項(xiàng)）
提示 <ISINDEX PROMPT="***"> （要求輸入的提示文字）
送出搜尋條件 <A HREF="URL?***"></a> （其中的問(wèn)號(hào)不是數(shù)字，而是
「問(wèn)號(hào)」）
基本文檔的 URL <BASE HREF="URL"> （必須放在「文頭」區(qū)塊內(nèi)）
基本視窗名稱(chēng) <BASE TARGET="***"> （必須放在「文頭」區(qū)塊內(nèi)）
相關(guān)性 <LINK REV="***" REL="***" HREF="URL"> （必須放在「文頭」
區(qū)塊內(nèi)）
背景資訊 <META> （必須放在「文頭」區(qū)塊內(nèi)）
轉(zhuǎn)載于:https://www.cnblogs.com/pearfl/p/10733180.html
總結(jié)
以上是生活随笔為你收集整理的HTML 标记大全参考手册的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 2999元起 小米平板5 Pro 12.
- 下一篇： SVG格式图片转成HTML中SVG的Pa