HTML代碼大全(制作電腦網頁必備)
分享
評論
贊0
1.結構性定義
文件類型 <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>
2.連結與圖形
連結 <A href='/URL'></A>
連結到錨點 <A HREF='URL#***'>&.lt;/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' ISMAP> （需要CGI程式）N2.0 點選圖 <IMG src='/URL' USEMAP='URL'>
N2.0 地圖 <MAP NAME='***'></MAP>（描述地圖）N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>
3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels為單位） N1.0 圖形邊緣 <IMG src='/URL' BORDER=?> （以pixels為單位）N1.0 圖形邊緣空間 <IMG src='/URL' HSPACE=? VSPACE=?> （以pixels為單位）N1.0 低解析度圖形 <IMG src='/URL' LOWsrc='/URL'>
N1.1 用戶端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自動更新 ）N2.0 內嵌物件 <EMBED src='/URL'> （將物件插入頁面）N2.0 內嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>
3.分隔
段落 <P> （通常是兩個return）
3.0 段落 <P></P> （新定義成容器型標簽）
3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR> （一個return）
N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>（與圖形合用時）橫線 <HR>
N1.0 橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 橫線厚度 <HR SIZE=?> （以pixels為單位）N1.0 橫線寬度 <HR WIDTH=?> （以pixels為單位）N1.0 橫線比率寬度 <HR WIDTH=%> （以頁寬為100%）N1.0 實線 <HR NOSHADE> （沒有立體效果）
N1.0 不可換行 <NOBR></NOBR> （不換行）
N1.0 可換行處 <WBR> （如果需要，可在此斷行）列舉 （可以巢狀列舉）
無次序式列舉 <UL><LI></UL> （<LI> 放在每一項前）N1.0 公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項）<LI TYPE=DISC|CIRCLE|SQUARE>（定義這個及其后的列舉項）有次序式列舉 <OL><LI></OL> （<LI> 放在每一項前）N1.0 數標型態 <OL TYPE=A|a|I|i|1> （定義全部的列舉項）<LI TYPE=A|a|I|i|1> （定義這個及其后的列舉項）N1.0 起始數字 <OL value=?> （定義全部的列舉項）<LI value=?> （定義這個及其后的列舉項）
定義式列舉 <DL><DT><DD></DL>（<DT>項目， <DD>定義）表單式列舉 <MENU><LI></MENU>（<LI> 放在每一項前）目錄式列舉 <DIR><LI></DIR> （<LI> 放在每一項前）背景與顏色
3.0 重復排列的背景 <BODY background='/URL'>
N1.1+ 背景顏色 <BODY BGCOLOR='#$$$$$$'> （依序為紅、綠、藍）N1.1+ 文字顏色 <BODY TEXT='#$$$$$$'>
N1.1+ 連結顏色 <BODY LINK='#$$$$$$'>
N1.1+ 看過的連結 <BODY VLINK='#$$$$$$'>
N1.1 使用中的連結 <BODY ALINK='#$$$$$$'>
4.特殊字元（以下標簽需用小寫）
特別符號 &#?; （其中 ? 代表 ISO 8859-1 的編碼）< < > > & & ' '
注冊商標TM ?
N1.0+ 注冊商標TM ?
著作權符號 ?
N1.0+ 著作權符號 ?
5.表單 （通常需要與CGI程式配合）
定義表單 <FORM ACTION='URL' METHOD=GET|POST></FORM>
N2.0 上傳檔案 <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>
N2.0 輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定義表格 <TABLE></TABLE>
3.0 表格框線 <TABLE BORDER></TABLE> （有或沒有）N1.1 表格框線 <TABLE BORDER=?></TABLE>（可以設定數值）N1.1 儲存格左右留白 <TABLE CELLSPACING=?>
N1.1 儲存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格寬度 <TABLE WIDTH=?> （以pixels為單位）N1.1 寬度比率 <TABLE WIDTH=%> （頁寬為100%）3.0 表格列 <TR></TR>
3.0 表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 儲存格 <TD></TD> （須與列并用）
3.0 儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不換行 <TD NOWRAP>
N3.0 儲存格背景顏色 <TD BGCOLOR=#$$$$$$>
3.0 儲存格橫向連接 <TD COLSPAN=?>
3.0 儲存格縱向連接 <TD ROWSPAN=?>
N1.1 儲存格寬度 <TD WIDTH=?> （以pixels為單位）N1.1 儲存格寬度比率 <TD WIDTH=%> （頁寬為100%）3.0 表格標題 <TH></TH> （跟<TD>一樣，不過會對中并加粗）3.0 表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格標題不換行 <TH NOWRAP>
3.0 表格標題占幾欄 <TH COLSPAN=?>
3.0 表格標題占幾列 <TH ROWSPAN=?>
N1.1 表格標題寬度 <TH WIDTH=?> （以pixels為單位）N1.1 表格標題比率寬度<TH WIDTH=%> （頁寬為100%）3.0 表格抬頭 <CAPTION></CAPTION>
3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）視框 （定義與控制螢幕上的特定區域）
N2.0 視框格式總定義 <FRAMESET></FRAMESET> （取代<BODY>）N2.0 視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）
猜你喜歡
評論(0人參與，0條評論)
發布評論
最新評論