HTML基本語法大全_第1頁
HTML基本語法大全_第2頁
HTML基本語法大全_第3頁
HTML基本語法大全_第4頁
HTML基本語法大全_第5頁
已閱讀5頁，還剩13頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、HTML基本語法大全 雖然已經(jīng)有很多現(xiàn)成的HTML編輯器可以用，不必再自己編寫HTML文件，但學(xué)習(xí)手工編寫HTML文件的必要性的理由在于： 1、現(xiàn)在HTML標(biāo)準(zhǔn)一直在改進(jìn)中，而現(xiàn)成的HTML編輯器并不一定跟得上HTML的潮流。2、可以看到，用HTML編輯器編出來的HTML文件結(jié)構(gòu)相當(dāng)亂，這是因?yàn)樵诰庉嬤^程中， 編輯器并不能真正理會(huì)用戶的編輯要求，結(jié)果反復(fù)修改后，就留下不少垃圾。3、自己編寫HTML文件，可以隨時(shí)將HTML的新發(fā)展增加進(jìn)去，而不用受編輯器的限制。 4、HTML是一種很有意思的語言，它能將你的想法在INTERNET上很好地體現(xiàn)出來。 語句特點(diǎn)： 1.所有HTML語句大部分都是<

2、;TAG></TAG>結(jié)構(gòu)，<TAG>表示打開標(biāo)記，</TAG>表示 關(guān)閉標(biāo)記。但有的語句只有描述開始標(biāo)記，沒有描述結(jié)束，如<P> 2.HTML中對(duì)文字的大小寫不敏感。 3.所有語句都可以循環(huán)嵌套，但要注意嵌套對(duì)稱。 例：<h3><center>.</center></h3> 就是正確的嵌套方法 <h3><center>.</h3></center> 這種書寫方法將導(dǎo)致編譯錯(cuò)誤 一、HTML文檔的基本結(jié)構(gòu) HTML部分：每個(gè)HTML文檔必須以打開

3、HTML標(biāo)記開始，以關(guān)閉HTML標(biāo)記結(jié)束 <HTML></HTML> 說明其間內(nèi)容為HTML格式文檔。 頭部分：此部分包含文檔的標(biāo)題、文檔使用的腳本、樣式表定義等信息，還可以包含 搜索工具和索引所要的其他信息。頭部分必須包含在<HEAD></HEAD> 標(biāo)記對(duì)中 1.<TITLE></TITLE> 其間包含的文字是該HTML的主題，會(huì)顯示在窗口的TITLE欄位 2.<META>標(biāo)記，此標(biāo)記可以設(shè)置網(wǎng)頁的編碼、自動(dòng)刷新網(wǎng)頁、設(shè)置網(wǎng)頁的過期值 u <meta name=”author” content=”.”

4、> u <meta name=”keyword” content=”.”> u <meta http-equiv=”Expires” content=”mon, 15 sep 2003”> u <meta http-equiv=”Refresh” content=”10”, url=http:/yourlink”> u <meta http-equiv=”Content-Type” content=”text/html;charset=gb2312”>一、 正文部分<BODY></BODY> 其間說明HTML文件的主

5、體內(nèi)容。BACKGROUND=“圖形名” 背景圖形文件TEXT=#RRGGBB 文字顏色（一般為黑 #000000）LINK=#RRGGBB 鏈接標(biāo)志文字顏色VLINK=#RRGGBB 具有超連接部分顯示的顏色，點(diǎn)過之后為ALINK的顏色ALINK=#RRGGBB 已經(jīng)鏈接標(biāo)志文字顏色ONLOAD=“擴(kuò)展函數(shù)調(diào)用串” 與<SCRIPT>一同使用<- text -> text 是描述性文字，注釋。<SCRIPT></SCRIPT> 描述一擴(kuò)展語言。 其中： LANGUAGE=“javascript” 描述以下為Java語言二、字體<Hy>

6、;</Hy> (y=1-6) 用于說明各級(jí)標(biāo)題文字，y=1時(shí)字體最大，y=6時(shí)字體最小。其中：ALIGN=缺省 對(duì)左(LEFT) =CENTER 對(duì)中 =RIGHT 對(duì)右<CAPTION></CAPTION> 顯示標(biāo)題文字（一般用于TABLE顯示表格）<FONT></FONT> 字體大小設(shè)置（NETSCAPE ONLY） 其中：SIZE=-4 +4 將字體設(shè)置為BASEFONT的相對(duì)大小COLOR=#RRGGBB 字體顏色（R、G、B三色）<BASEFONT></BASEFONT> 設(shè)置基本字體（NESCAPE

7、 ONLY） 其中： SIZE=1-6三、字型變化Italic（斜）字體：<I></I> 斜體字 <EM></EM> 著重字<CITE></CITE> 段落、書名的引用 <VAR></VAR> 表明可變內(nèi)容(如文件名)Bold（黑）字體： <B></B> 黑體字<STRONT></STRONG> 加強(qiáng)字,Fixed width font（緊湊）字體：<TT></TT> 緊湊字（打印機(jī)字體） <CODE></CO

8、DE> 緊湊字 <SAMP></SAMP> 樣本字 <KBD></KBD> 顯示鍵盤上鍵名其它字體修飾： <U></U> 下劃線<BLINK></BLINK> 閃爍字特殊字符：（中列表） < < < > > > & & & " " " ö ñ ± è © (c) （NETSCAPE ONLY） ® （NETSCAPE ONLY） 非中斷空格四、段

9、落 <P> 單獨(dú)表示段落結(jié)束。 <P></P> 表示其間文字是同一個(gè)段落，段落顯示分成若干行，在何處分行由瀏覽器的窗口寬度決定，可適應(yīng)任何寬度的窗口。其中： ALIGN=缺省 對(duì)左（LEFT） =CENTER 對(duì)中 =RIGHT 對(duì)右 <BR> 在頁面上加一個(gè)回車。 <HR> 顯示一條水平分界線。 其中：（以下NETSCAPE ONLY） SIZE=n 高度點(diǎn)數(shù) WIDTH=n 寬度點(diǎn)數(shù) =n% 寬?*計(jì)聊話俜直? ALIGN=缺省 對(duì)中 =LEFT 對(duì)左 =RIGHT 對(duì)右 <CENTER></CENTER>

10、 表示其間內(nèi)容顯示向中間對(duì)齊。（NETSCAPE ONLY） <PRE></PRE> 預(yù)設(shè)文字格式（Preformatted Text） 其中的文字間隔、跳行、空白照原始 鍵入情形顯示出來，常用于程序的表達(dá)。其它標(biāo)注也允許存在<PRE>中。 <BLOCKQUOTE></BLOCKQUOTE> 區(qū)塊引用設(shè)定。其中的文字內(nèi)容會(huì)比其他文字縮進(jìn)一些。 <ADDRESS></ADDRESS> 地址區(qū)域。通常放在最后，包含一個(gè)EMAIL地址，告知本頁面作者。 顯示為斜體字。段落示例五、鏈接 <A></A&

11、gt; 鏈接標(biāo)記。其間文本（圖像）將顯示出來，并用鏈接顏色和下劃線區(qū)別出來。其中:NAME=“position” 表示頁面中position處 HREF=“#position” 表示鏈接到本頁面position處 NAME=“filename#position” 鏈接到filename文件的position處 =“filename.html” 鏈接到指定的filename頁面 NAME=“filename.gif” 顯示指定的圖形 圖形格式為GIF、TIEF、JPEG、RGB、HDF等格式 NAME=“scheme:/host-domain:port/path/filename” 鏈接到指定主

12、機(jī)的指定頁面 scheme是http、ftp等 host-domain為服務(wù)器名 port為提供此服務(wù)的端口號(hào)，缺省為， 可省略 六、圖像<IMG></IMG> 顯示圖像。其中:ALIGN=BOTTOM缺省 文本在圖像下面 =MIDDLE 在中間 =TOP 在上面 SRC=“圖像名” 圖像文件 ALT=“text” 圖像別名，若圖像不顯示時(shí)，顯示在虛框內(nèi) WIDTH=n 寬度點(diǎn)數(shù) =n% 可顯示面積的百分比 HEIGHT=n 高度點(diǎn)數(shù) =n% 可顯示面積的百分比 BORDER=n 立體邊框厚度點(diǎn)數(shù) HSPACE=“圖像名” 水平空間（NETSCAPE ONLY） VSP

13、ACE=“圖像名” 垂直空間（NETSCAPE ONLY） ISMAP 說明本圖像為地圖 USEMAP=“#name” 給本圖像取一個(gè)地圖名 <MAP></MAP> 對(duì)一幅地圖進(jìn)行*作。 其中： NAME=“name” 由<IMG>中指定的地圖名 <AREA></AREA> 區(qū)域選擇。在<MAP>中使用, 其中:SHAPE=RECT矩形區(qū)域，只需提供對(duì) 角坐標(biāo)(x1,y1,x2,y2),=POLYGON多邊形，要提供多邊形各頂點(diǎn)坐標(biāo)(x1,y1,.,xn,yn) COORDS=x1,y1,.,xn,yn 坐標(biāo)值(進(jìn)制) H

14、REF=鏈接對(duì)象（參照<A>）圖像示例七、列 表 以下各種排列可以綜合嵌套排列，成為有層次的排列。<UL></UL> 未標(biāo)序的排列（Unnumbered Lists）在其中的每一行文字前加上<LI>，起始會(huì)顯示“”或“”或“”等，具體顯示什么由具體的瀏覽器決定。<OL></OL> 標(biāo)序的排列（Numbered Lists或Ordered Lists） 在其中的每一行文字前加上<LI>，起始會(huì)顯示數(shù)字編號(hào)。<LI></LI> 每一行文字的起頭。<DL></DL> 陳

15、述式排列（Descriptive Lists）<DT></DT> <DL>中顯示陳述的主題。<DD></DD> <DL>中顯示敘述的內(nèi)容，會(huì)比<DT>內(nèi)容縮入一些位置。在<DT>和<DD>中，可包含其它鏈接內(nèi)容。<DIR></DIR> 顯示清單，每行最多個(gè)字符。在其中的每一行文字前加上<LI>。<MENU></MENU> 顯示菜單。在其中的每一行文字前加上<LI>。八、輸入框（輸入表格） <FORM>&l

16、t;/FORM> 說明一個(gè)輸入表格。這是從瀏覽器向服務(wù)器發(fā)回反饋信息或交互運(yùn)行的重要方式。其中：METHOD=GET 從服務(wù)器獲取信息 =POST 發(fā)送表格信息到服務(wù)器 ACTION=“CGI-program” CGI-program是服務(wù)器上一個(gè)可執(zhí)行程序，其接口標(biāo)準(zhǔn)為CGI (C ommon Gateway Interface)，它將處理瀏覽器發(fā)送回來的 填表信息。表格中可以使用多種元件，如輸入框、列表、按鈕等。<INPUT></INPUT> 輸入框或按鈕選擇。在<FORM>中使用。其中：SIZE=n 輸入框或按鈕大小 NAME=“name” 便于

17、CGI-program識(shí)別的變量名 TYPE=“type” 類型（見下） =TEXT 文本輸入框，只有一行 =PASSWORD 口令輸入框，輸入的信息不顯示出來 =CHECKBOX 確任盒（ 或X） =RADIO 圓按鈕，幾個(gè)同名的RADIO只能按下一個(gè) =SUBMIT 發(fā)送按鈕，按動(dòng)后發(fā)出已填好的表格 =RESET 重置按鈕，按動(dòng)后將所有元件重置為缺省值 =IMAGE =HIDDEN VALUE=“value” 缺省值（見下） =字符串對(duì)于TEXT和PASSWORD =ON/OFF 對(duì)于CHECKBOX和RADIO =顯示字符串對(duì)于SUBMIT和RESET<TEXTAREA>&l

18、t;/ textarea> 說明一個(gè)可以多行輸入的文本輸入框。其間的文本內(nèi)容為缺省的文本輸入框內(nèi)容。其中：NAME=“name” 變量名 ROWS=n 輸入框行數(shù) COLS=n 輸入框列數(shù)<SELECT></SELECT> 顯示一個(gè)選擇列表。在其中的每一行文字前加上<OPTION>。其中：NAME=“name” 變量名 SIZE=1 顯示一個(gè)*作菜單（Option Menu） >=2 顯示一個(gè)滾動(dòng)列表（Scrolled List） SI ZE為列表顯示出來的行數(shù) <OPTION></OPTION> 每一行列表的起頭。在&l

19、t;SELECT>中使用。九、顯示表格 <TABLE></TABLE> 顯示二維表格。其中：BORDER=n 二維表格的立體邊框厚度點(diǎn)數(shù) WIDTH=n 寬度點(diǎn)數(shù) =n% 寬?*計(jì)聊話俜直? CELLPADING=n 是指TABLE中框架與元素的邊界的距離 CELLSPACING=n 表格中每項(xiàng)之間的空間點(diǎn)數(shù)，包括橫向和縱向。 <TR></TR> 在表格的每一行開頭加上<TR>(Text Row)。其中： ALIGN=CENTER 對(duì)中 =LEFT 對(duì)左 =RIGHT 對(duì)右 <TH></TH> 在表格的每

20、一種類項(xiàng)目開頭加上<TH>(Text Head)，顯示為黑體字。 <TD></TD> 在表格的每一個(gè)項(xiàng)目開頭加上<TD>(Text Data)。其中： WIDTH=n 寬度點(diǎn)數(shù)=n% 寬?*計(jì)聊話俜直? HALIGN =CENTER 對(duì)中 =LEFT 對(duì)左 =RIGHT 對(duì)右 VALIGN =TOP 在上面 =MIDDLE 在中間 =BOTTOM 在下面2.2 區(qū)段格式標(biāo)記主要的有：<title>.</title>:文件題目。<hi>.</hi>:i=1,2,.,6,網(wǎng)頁標(biāo)題。<hr>:

21、產(chǎn)生水平線。<br>:強(qiáng)迫換行。<p>.</p>:文件段落。<pre>.</pre>:以原始格式顯示。<address>.</address>：標(biāo)注聯(lián)絡(luò)人姓名、電話、地址等信息。<blockquote>.</blockquote>:區(qū)段引用標(biāo)記。2.3 字符格式標(biāo)記<b>.</b>:粗體字。<i>.</i>:斜體字。<tt>.</tt>:打字體。<font>.</font>:改變字體設(shè)置。&l

22、t;center>.</center>:居中對(duì)齊。<blink>.</blink>:文字閃爍。<big>.</big>:加大字號(hào)。<small>.</small>:縮小字號(hào)。<cite>.</cite>:參照。2.4 列表標(biāo)記<ul>.</ul>:無編號(hào)列表。<ol>.</ol:有編號(hào)列表。<li>.</li>:列表項(xiàng)目。<dl>.</dl>:定義式列表。<dd>.</dd&

23、gt;:定義項(xiàng)目。<dt>.</dt>:定義項(xiàng)目。<dir>.</dir>:目錄式列表。<menu>.</menu>:菜單式列表。2.5 鏈接標(biāo)記<a>.</a>:建立超鏈接。2.6多媒體標(biāo)記 <img>:嵌入圖像。<embed>:嵌入多媒體對(duì)象。<bgsound>:背景音樂。2.7表格標(biāo)記<table>.</table>:定義表格區(qū)段。<caption>.</caption>:表格標(biāo)題。<th>.</th>:表頭。<tr>.</tr>:表格列。<td>.</td>:表格單元格。2.8表單標(biāo)記此類標(biāo)記用來制作交互式表單，主要的有：<Form>.</form>:表明表單區(qū)

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論