1. 程式人生 > >基礎html程式碼大全參考

基礎html程式碼大全參考

段落 <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 或 %)
N2.0 視框行長度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相對大小)
N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)
N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> (* =相對大小)
N2.0 定義個別視框 <FRAME> (定義個別視框)
N2.0 個別視框內容 <FRAME src="/URL">
N2.0 個別視框名稱 <FRAME NAME="***"|_blank|_self|_parent|_top>
N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> (「左」與「右」邊界)
N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界)
N2.0 捲動條 <FRAME SCROLLING="YES|NO|AUTO">
N2.0 不可改變大小 <FRAME NORESIZE>
N2.0 無視框時的內容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)