全部HTML程式碼學習

edithfang發表於2015-02-03
全部HTML程式碼學習檔案型別 <html></html> (放在檔案的開頭與結尾) 

檔案主題 <title></title> (必須放在「文頭」區塊內)

文頭 <head></head> (描述性資料,像是「主題」)

文體 <body></body> (檔案本體)

結構性定義(由瀏覽器控制的顯示風格)

標題 <h?></h?> (從1到6,有六層選擇)

3.0 標題的對齊 <h? align=left|center|right></h?> 

3.0 區分 <div></div>

3.0 區分的對齊 <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>

3.0 大字 <big></big>

3.0 小字 <small></small>

與外觀相關的標籤(作者自訂的表現方式)

加粗 <b></b>

斜體 <i></i>

3.0 底線 <u></u> (尚有些瀏覽器不提供)

3.0 刪除線 <s></s> (尚有些瀏覽器不提供)

3.0 下標 <sub></sub>

3.0 上標 <sup></sup>

打字機體 <tt></tt> (用單空格字型顯示)

預定格式 <pre></pre> (保留檔案中空格的大小)

預定格式的寬度 <pre width=?></pre>(以字元計算)

n1.0+ 向中看齊 <center></center> (文字與圖片都可以)

n1.0 閃耀 <blink></blink> (有史以來最被嘲弄的標籤)

n1.0 字型大小 <font size=?></font>(從1到7)

n1.0 改變字型大小 <font size=+|-?></font>

n1.0 基本字型大小 <basefont size=?> (從1到7; 內定為3)

n2.0 字型顏色 <font color="#$$$"></font>

連結與圖形 

連結 <a href="url"></a>

連結到錨點 <a href="url#***"></a>(如果錨點在另一個檔案)

<a href="#***"></a> (如果錨點目前的檔案)

n2.0 連結到目的視框 <a href="url" target="***"></a>

設定錨點 <a name="***"></a>

圖形 <img src="url">

圖形看齊方式 <img src="url" align=top|bottom|middle>

n1.0 圖形看齊方式 <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="?"> 

分隔 

段落 <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="#$$$">

特殊字元(以下標籤需用小寫) 

特別符號 &#?; (其中 ? 代表 iso 8859-1 的編碼)

< < > > & lt;& gt;

註冊商標tm & reg;

n1.0+ 註冊商標tm & reg;

著作權符號 & copy;

n1.0+ 著作權符號 & copy;

表單 (通常需要與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> 

表格 

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>(如果瀏覽器不提供視框功能的話) 

雜項 

說明 (瀏覽器不會顯示)

檔案型態宣告 <!doctype html public "-//ietf//dtd html 2.0//en">

3.0 檔案型態宣告 <!doctype html public "-//w3o//dtd w3 html 3.0//en">

可搜尋 <isindex> (指示可搜尋的索引項)

n1.0 提示 <isindex prompt="***"> (要求輸入的提示文字)

送出搜尋條件 <a href="url?***"></a> (其中的問號不是數字,而是「問號」)

基本檔案的url <base href="url"> (必須放在「文頭」區段內)

n2.0 基本視窗名稱 <base target="***"> (必須放在「文頭」區段內)

相關性 <link rev="***" rel="***" href="url"> (必須放在「文頭」區段內)

背景資訊 <meta> (必須放在「文頭」區段內)

====================================================

標準允許使用的:

結構性定義:

標題 <h?></h?> (從1到6,有六層選擇)

區分 <div></div>

強調 <em></em> (通常會以斜體顯示)

特別強調 <strong></strong> (通常會以加粗顯示)

引文 <cite></cite> (通常會以斜體顯示)

碼 <code></code> (顯示原始碼之用)

樣本 <samp></samp>

鍵盤輸入 <kbd></kbd>

變數 <var></var>

連結與圖形 

連結 <a href="url"></a>

連結到錨點 <a href="url#***"></a>(如果錨點在另一個檔案)

<a href="#***"></a> (如果錨點目前的檔案)

設定錨點 <a name="***"></a>

圖形 <img src="url">

分隔

段落 <p>

列舉 (可以巢狀列舉)

無次序式列舉 <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> (定義這個及其後的列舉)
相關閱讀
評論(1)

相關文章