〓簡介〓
有的時候,感覺高深的東東難懂了,回頭看看基礎的或許會有意外的收獲!你也許做了很久的網(wǎng)頁,但是對于什么是HTML?HTML有什么特點?這樣簡單的問題,你不一定能馬上回答出來……
〓正文〓
HTML是 HyperText Tarkup Language的縮寫,即超文本標記語言,是在WWW上建立超文本文件的語言,它通過標記和屬性對一段文本的語言進行描述,它提供超文本連接,可以指向網(wǎng)絡中另一臺計算機的文件,HTML還支持在文本中鑲入圖象,聲音,動畫等不同格式的文件,HTML還具有強大的排版功能,利用HTML可以制作出任意版面的主頁。
HTML有什么特點?
HTML文檔制作不是很復雜,且功能強大,支持不同數(shù)據(jù)格式的文件鑲入,這也是WWW盛行的原因之一,其主要特點如下:
1 簡易性,HTML版本升級采用超集方式,從而更加靈活方便。
2 可擴展性,HTML語言的廣泛應用帶來了加強功能,增加標識符等要求,HTML采取子類元素的方式,為系統(tǒng)擴展帶來保證。
3 平臺無關性。雖然PC機大行其道,但使用MAC等其他機器的大有人在,HTML可以使用在廣泛的平臺上,這也是WWW盛行的另一個原因。
用什么可以編輯HTML?
HTML其實是文本,它需要瀏覽器的解釋,HTML的編輯器大體可以分為三種,
1 基本編輯軟件,使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉懀斎唬绻阌肳PS來編寫,也可以。不過存盤是請使用.htm或.html作為擴展名,這樣瀏覽器就可以解釋執(zhí)行了。
2 半所見即所得軟件,這種軟件能大大提高開發(fā)效率,它可以使你在很短的時間內(nèi)做出HOMEPAGE,且可以學習HTML,這種類型的軟件主要有HOTDOG,還有國產(chǎn)的軟件網(wǎng)頁作坊。
3 所見即所得軟件,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網(wǎng)頁,這類軟件主要有FRONTPAGE98,DREAMWEAVER。
總類(所有HTML文件都有的)
文件類型 <HTML></HTML> (放在檔案的開頭與結尾)
文件主題 <TITLE></TITLE> (必須放在「文頭」區(qū)塊內(nèi))
文頭 <HEAD></HEAD> (描述性資料,像是「主題」)
文體 <BODY></BODY> (文件本體)
結構性定義(由瀏覽器控制的顯示風格)
標題 <H?></H?> (從1到6,有六層選擇)
3.0 標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
3.0 區(qū)分 <DIV></DIV>
3.0 區(qū)分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區(qū)塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內(nèi)縮)
強調(diào) <EM></EM> (通常會以斜體顯示)
特別強調(diào) <STRONG></STRONG> (通常會以加粗顯示)
引文 <CITE></CITE> (通常會以斜體顯示)
碼 <CODE></CODE> (顯示原始碼之用)
樣本 <SAMP></SAMP>
鍵盤輸入 <KBD></KBD>
變數(shù) <VAR></VAR>
定義 <DFN></DFN> (有些瀏覽器不提供)
地址 <ADDRESS></ADDRESS>
3.0 大字 <BIG></BIG>
3.0 小字 <SMALL></SMALL>
與外觀相關的標簽(作者自訂的表現(xiàn)方式)
加粗 <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; 內(nèi)定為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 內(nèi)嵌物件 <EMBED SRC="URL"> (將物件插入頁面)
N2.0 內(nèi)嵌物件大小 <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 數(shù)標型態(tài) <OL TYPE=A|a|I|i|1> (定義全部的列舉項)
<LI TYPE=A|a|I|i|1> (定義這個及其後的列舉項)
N1.0 起始數(shù)字 <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 的編碼)
< < > > & & " "
注冊商標TM ®
N1.0+ 注冊商標TM ®
著作權符號 ©
N1.0+ 著作權符號 ©
表單 (通常需要與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="***">
欄位內(nèi)定值 <INPUT value="***">
已選定 <INPUT CHECKED> (適用於checkboxes與 radio boxes)
欄位寬度 <INPUT SIZE=?> (以字元數(shù)為單位)
最長字數(shù) <INPUT MAXLENGTH=?> (以字元數(shù)為單位)
下拉式選單 <SELECT></SELECT>
下拉式選單名稱 <SELECT NAME="***"></SELECT>
選單項目數(shù)量 <SELECT SIZE=?></SELECT>
多選式選單 <SELECT MULTIPLE> (多選)
選項 <OPTION>
內(nèi)定選項 <OPTION SELECTED>
文字輸入?yún)^(qū) <TEXTAREA ROWS=? COLS=?></TEXTAREA>
輸入?yún)^(qū)名稱 <TEXTAREA NAME="***"></TEXTAREA>
N2.0 輸入?yún)^(qū)換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
表格
3.0 定義表格 <TABLE></TABLE>
3.0 表格框線 <TABLE BORDER></TABLE> (有或沒有)
N1.1 表格框線 <TABLE BORDER=?></TABLE>(可以設定數(shù)值)
N1.1 儲存格左右留白 <TABLE CELLSPACING=?>
N1.1 儲存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格寬度 <TABLE WIDTH=?> (以pixels為單位)
N1.1 寬度比率 <TABLE WIDTH=%> (頁寬為100%)
3.0 表格列 <TR></TR>
3.0 表格列內(nèi)容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 儲存格 <TD></TD> (須與列并用)
3.0 儲存格內(nèi)容看齊 <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>(在表格之上/之下)
視框 (定義與控制螢幕上的特定區(qū)域)
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 個別視框內(nèi)容 <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 無視框時的內(nèi)容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)