IT科技

當前位置 /首頁/IT科技 > /列表

html代碼大全

html是一種超文本標記語言,是構成網頁文檔的主要語言。下面來看一下html代碼大全。

方法

結構性定義
文件類型 <HTML></HTML> (放在檔案的開頭與結尾)
文件主題 <TITLE></TITLE> (必須放在「文頭」區塊內)
文頭 <HEAD></HEAD> (描述性資料,像是「主題」)
文體 <BODY></BODY> (文件本體)
(由瀏覽器控制的顯示風格)
標題 <H?></H?> (從1到6,有六層選擇)
標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
區分 <DIV></DIV>
區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)
強調 <EM></EM> (通常會以斜體顯示)
特別強調 <strong></strong> (通常會以加粗顯示)
引文 <CITE></CITE> (通常會以斜體顯示)
碼 <CODE></CODE> (顯示原始碼之用)
樣本 <SAMP></SAMP>
鍵盤輸入 <KBD></KBD>
變數 <VAR></VAR>
定義 <DFN></DFN> (有些瀏覽器不提供)
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
與外觀相關的標籤(作者自訂的表現方式)
加粗 <B></B>
斜體 <I></I>
底線 <U></U> (尚有些瀏覽器不提供)
刪除線 <S></S> (尚有些瀏覽器不提供)
下標 <SUB></SUB>
上標 <SUP></SUP>
打字機體 <TT></TT> (用單空格字型顯示)
預定格式 <PRE></PRE> (保留文件中空格的大小)
預定格式的寬度 <PRE WIDTH=?></PRE>(以字元計算)
向中看齊 <CENTER></CENTER> (文字與圖片都可以)
閃耀 <BLINK></BLINK> (有史以來最被嘲弄的標籤)
字體大小 <FONT SIZE=?></FONT>(從1到7)
改變字體大小 <FONT SIZE=+|-?></FONT>
基本字體大小 <BASEFONT SIZE=?> (從1到7; 內定為3)
字體顏色 <FONT COLOR='#$$$$$$'></FONT>

html代碼大全

連結與圖形
連結 <A href='/URL'></A>
連結到錨點 <A HREF='URL#***'></A>(如果錨點在另一個檔案)
<A HREF='#***'></A> (如果錨點目前的檔案)
連結到目的視框 <A href='/URL' TARGET='***'></A>
設定錨點 <A NAME='***'></A>
圖形 <IMG src='/URL'>
圖形看齊方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>
圖形看齊方式 <IMG src='/URL'
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG src='/URL' ALT='***'> (如果沒有辦法顯示圖形則顯示此文字)
點選圖 <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'>
用户端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>(使用端自動更新 )
內嵌物件 <EMBED src='/URL'> (將物件插入頁面)
內嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>

html代碼大全 第2張

分隔
段落 <P> (通常是兩個return)
段落 <P></P> (新定義成容器型標籤)
文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR> (一個return)
文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>(與圖形合用時)
橫線 <HR>
橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER>
橫線厚度 <HR SIZE=?> (以pixels為單位)
橫線寬度 <HR WIDTH=?> (以pixels為單位)
橫線比率寬度 <HR WIDTH=%> (以頁寬為100%)
實線 <HR NOSHADE> (沒有立體效果)
不可換行 <NOBR></NOBR> (不換行)
可換行處 <WBR> (如果需要,可在此斷行)
列舉 (可以巢狀列舉)
無次序式列舉 <UL><LI></UL> (<LI> 放在每一項前)
公佈式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>(定義全部的列舉項)
<LI TYPE=DISC|CIRCLE|SQUARE>(定義這個及其後的列舉項)
有次序式列舉 <OL><LI></OL> (<LI> 放在每一項前)
數標型態 <OL TYPE=A|a|I|i|1> (定義全部的列舉項)
<LI TYPE=A|a|I|i|1> (定義這個及其後的列舉項)
起始數字 <OL value=?> (定義全部的列舉項)
<LI value=?> (定義這個及其後的列舉項)
定義式列舉 <DL><DT><DD></DL>(<DT>項目, <DD>定義)
表單式列舉 <MENU><LI></MENU>(<LI> 放在每一項前)
目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一項前)
背景與顏色
重複排列的背景 <BODY background='/URL'>
背景顏色 <BODY BGCOLOR='#$$$$$$'> (依序為紅、綠、藍)
文字顏色 <BODY TEXT='#$$$$$$'>
連結顏色 <BODY LINK='#$$$$$$'>
看過的連結 <BODY VLINK='#$$$$$$'>
使用中的連結 <BODY ALINK='#$$$$$$'>

html代碼大全 第3張

表單 (通常需要與CGI程式配合)
定義表單 <FORM ACTION='URL' METHOD=GET|POST></FORM>
上載檔案 <FORM ENCTYPE='multipart/form-data></FORM>
輸入欄位 <INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>
欄位名稱 <INPUT NAME='***'>
欄位內定值 <INPUT value='***'>
已選定 <INPUT CHECKED> (適用於checkboxes與 radio boxes)
欄位寬度 <INPUT SIZE=?> (以字元數為單位)
最長字數 <INPUT MAXLENGTH=?> (以字元數為單位)
下拉式選單 <SELECT></SELECT>
下拉式選單名稱 <SELECT NAME='***'></SELECT>
選單項目數量 <SELECT SIZE=?></SELECT>
多選式選單 <SELECT MULTIPLE> (多選)
選項 <OPTION>
內定選項 <OPTION SELECTED>
文字輸入區 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
輸入區名稱 <TEXTAREA NAME='***'></TEXTAREA>
輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

html代碼大全 第4張

表格
定義表格 <TABLE></TABLE>
表格框線 <TABLE BORDER></TABLE> (有或沒有)
表格框線 <TABLE BORDER=?></TABLE>(可以設定數值)
儲存格左右留白 <TABLE CELLSPACING=?>
儲存格上下留白 <TABLE CELLPADDING=?>
表格寬度 <TABLE WIDTH=?> (以pixels為單位)
寬度比率 <TABLE WIDTH=%> (頁寬為100%)
表格列 <TR></TR>
表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
儲存格 <TD></TD> (須與列並用)
儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
不換行 <TD NOWRAP>
儲存格背景顏色 <TD BGCOLOR=#$$$$$$>
儲存格橫向連接 <TD COLSPAN=?>
儲存格縱向連接 <TD ROWSPAN=?>
儲存格寬度 <TD WIDTH=?> (以pixels為單位)
儲存格寬度比率 <TD WIDTH=%> (頁寬為100%)
表格標題 <TH></TH> (跟<TD>一樣,不過會對中並加粗)
表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
表格標題不換行 <TH NOWRAP>
表格標題佔幾欄 <TH COLSPAN=?>
表格標題佔幾列 <TH ROWSPAN=?>
表格標題寬度 <TH WIDTH=?> (以pixels為單位)
表格標題比率寬度<TH WIDTH=%> (頁寬為100%)
表格抬頭 <CAPTION></CAPTION>
表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)
視框 (定義與控制螢幕上的特定區域)
視框格式總定義 <FRAMESET></FRAMESET> (取代<BODY>)
視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %)
視框行長度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相對大小)
視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)
視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> (* =相對大小)
定義個別視框 <FRAME> (定義個別視框)
個別視框內容 <FRAME src='/URL'>
個別視框名稱 <FRAME NAME='***'|_blank|_self|_parent|_top>
邊緣寬度 <FRAME MARGINWIDTH=?> (「左」與「右」邊界)
邊緣高度 <FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界)
捲動條 <FRAME SCROLLING='YES|NO|AUTO'>
不可改變大小 <FRAME NORESIZE>
無視框時的內容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)

html代碼大全 第5張

註釋

<!-- *** --> (瀏覽器不會顯示)

html代碼大全 第6張
TAG標籤:html 代碼 #