第九章使用HTML編輯工具編寫(xiě)網(wǎng)頁(yè)語(yǔ)法_第1頁(yè)
第九章使用HTML編輯工具編寫(xiě)網(wǎng)頁(yè)語(yǔ)法_第2頁(yè)
第九章使用HTML編輯工具編寫(xiě)網(wǎng)頁(yè)語(yǔ)法_第3頁(yè)
第九章使用HTML編輯工具編寫(xiě)網(wǎng)頁(yè)語(yǔ)法_第4頁(yè)
第九章使用HTML編輯工具編寫(xiě)網(wǎng)頁(yè)語(yǔ)法_第5頁(yè)
已閱讀5頁(yè)，還剩29頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

1、第九章使用HTML編輯工具編寫(xiě)網(wǎng)頁(yè)語(yǔ)法目錄1.本章目的：22.Html語(yǔ)法的基本架構(gòu)23.分隔標(biāo)籤 ：<br> <p>44.排版標(biāo)籤55.字體標(biāo)籤。76.商務(wù)網(wǎng)站77.特殊文字設(shè)定標(biāo)籤118.影像標(biāo)籤139.背景標(biāo)籤1410.連結(jié)標(biāo)籤1511.表格標(biāo)籤1812.序列標(biāo)籤2013.框架標(biāo)籤2214.網(wǎng)頁(yè)背景音樂(lè)2315.如何用DreamWeaver 來(lái)撰寫(xiě)Html語(yǔ)法241. 本章目的：n 早期在學(xué)習(xí)網(wǎng)頁(yè)製作時(shí)，都是學(xué)習(xí)Html語(yǔ)法來(lái)製作網(wǎng)頁(yè)，直到近2、3年才因?yàn)榫W(wǎng)頁(yè)軟體的進(jìn)步，大家學(xué)網(wǎng)頁(yè)製作大都由FrontPage、DreamWeaver入手，比較少人在提倡學(xué)習(xí)Html

2、語(yǔ)法了，那到底需不需要學(xué)習(xí)Html呢？如果想進(jìn)入網(wǎng)頁(yè)高級(jí)班-製作電子商務(wù)網(wǎng)站，使用PHP或是ASP.NET來(lái)製作互動(dòng)式結(jié)合資料庫(kù)的網(wǎng)頁(yè)時(shí)，那就要熟悉Html語(yǔ)法了。n 在本章將介紹Html語(yǔ)法的入門(mén)，包括一些常用的語(yǔ)法：¨ 網(wǎng)頁(yè)架構(gòu)、分隔標(biāo)籤、排版標(biāo)籤、字體標(biāo)籤、文字標(biāo)籤、影像標(biāo)籤、背景標(biāo)籤、連結(jié)標(biāo)籤、表格標(biāo)籤、序列標(biāo)籤、表單標(biāo)籤、框架標(biāo)籤、背景音樂(lè)標(biāo)籤n 另外也將介紹如何用DreamWeaver 來(lái)撰寫(xiě)Html語(yǔ)法，在DreamWeaver 提供了5種輔助工具來(lái)幫忙撰寫(xiě)Html語(yǔ)法，這些工具包括：¨ 使用HTML語(yǔ)法提示功能¨ 使用即時(shí)查詢(xún)HTML語(yǔ)法¨

3、; 使用狀態(tài)列的快速標(biāo)籤編輯器¨ 使用標(biāo)籤選擇程式及標(biāo)籤編輯器¨ 使用標(biāo)籤檢測(cè)器2. Html語(yǔ)法的基本架構(gòu)(1). 標(biāo)籤範(fàn)例<HTML><HEAD><TITLE>首頁(yè)的名稱(chēng)</TITLE><Meta></HEAD><BODY>此部份網(wǎng)頁(yè)的主要呈現(xiàn)部分。</BODY></HTML>(2). 解說(shuō)標(biāo)籤及用法n 網(wǎng)頁(yè)是由一堆標(biāo)籤組合起來(lái)的，透過(guò)瀏覽器的解讀，就成了平時(shí)你上網(wǎng)所看到的網(wǎng)頁(yè)了。n HTML: HyperText Makeup Language 大小寫(xiě)不拘，但要

4、純文字格式 <>：TAG, <：start tag, >：end tagn <HTML> </HTML>說(shuō)明文件的開(kāi)始與結(jié)束，但可以省略n <HEAD> </ HEAD >說(shuō)明文件的標(biāo)頭，文件資訊n <TITLE> </TITLE>顯示在瀏覽器視窗左上方的標(biāo)題n <BODY> </ BODY >說(shuō)明文件的主體，本文3. 分隔標(biāo)籤 ：<br> <p>在網(wǎng)頁(yè)的HTML語(yǔ)言是沒(méi)有所謂的Enter鍵或空白鍵，所以不管您按了多少次的空白或Enter，都是無(wú)法換行

5、的。 (1). 分隔標(biāo)籤有2種語(yǔ)法：換行分段n 換行標(biāo)籤：<br>n 分段標(biāo)籤：<p> (2). 標(biāo)籤說(shuō)明：n <br>會(huì)強(qiáng)迫斷行n <p>會(huì)分段 ：基本上他會(huì)比斷行還多空出一行(3). 範(fàn)例： Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果中華名國(guó)<br>萬(wàn)歲中華名國(guó)萬(wàn)歲中華名國(guó)<p>美國(guó)中華名國(guó)美國(guó)4. 排版標(biāo)籤(1). 文字置左、置中、置右 (A). 語(yǔ)法：分段標(biāo)籤<p>有個(gè)屬性：align，就是用來(lái)設(shè)定文字段落置左、置中或置右(B). 範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<p align="left"&g

6、t;商務(wù)網(wǎng)站</p>商務(wù)網(wǎng)站<p align="center">商務(wù)網(wǎng)站</p>商務(wù)網(wǎng)站<p align="right">商務(wù)網(wǎng)站</p>商務(wù)網(wǎng)站(C). 標(biāo)籤說(shuō)明：n align這個(gè)屬性將來(lái)會(huì)常常在不同標(biāo)籤中看到，它的功能是專(zhuān)門(mén)在設(shè)定水平對(duì)齊位置，包括：置左（align="left"）、置中（align="center"）、置右（align="right"）。 (2). 置中標(biāo)籤 (A). 語(yǔ)法：n <center>商務(wù)網(wǎng)

7、站</center> (B). 標(biāo)籤說(shuō)明：n 任何可以顯現(xiàn)在網(wǎng)頁(yè)上的東西，包括：文字，圖片、表格等等都可以置中(C). 範(fàn)例： Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<center>商務(wù)網(wǎng)站</center>商務(wù)網(wǎng)站(3). 以原先樣式顯示標(biāo)籤(A). 使用方法：n <PRE> </PRE> (B). 標(biāo)籤說(shuō)明：n <PRE> </PRE>這個(gè)標(biāo)籤可以將其中的文字以原先樣式顯示出來(lái)。 (C). 範(fàn)例： Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<PRE>祝福大家 幸福快樂(lè) 2003.02.10</PRE>祝福大家 幸福

8、快樂(lè) 2003.02.105. 字體標(biāo)籤。 (1). 標(biāo)題標(biāo)籤 (A). 語(yǔ)法：n <h1> </h1> (B). 標(biāo)籤說(shuō)明：n 標(biāo)題共有六種，分別是從<h1>到<h6>，<h1>最大，<h6>最小n 使用標(biāo)題標(biāo)籤時(shí)，標(biāo)籤會(huì)將字體變成粗體字，而且獨(dú)自一行(C). 範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<h1>商務(wù)網(wǎng)站</h1>6. 商務(wù)網(wǎng)站<h2>商務(wù)網(wǎng)站</h2>商務(wù)網(wǎng)站<h3>商務(wù)網(wǎng)站</h3>商務(wù)網(wǎng)站<h4>商務(wù)網(wǎng)站</h4>商務(wù)

9、網(wǎng)站<h5>商務(wù)網(wǎng)站</h5>商務(wù)網(wǎng)站<h6>商務(wù)網(wǎng)站</h6>商務(wù)網(wǎng)站(1). 文字標(biāo)籤Font-更改文字大小(A). 語(yǔ)法：n <FONT SIZE=n> </FONT> n = 17，7最大，1最小(B). 標(biāo)籤說(shuō)明：n Font是改變文字標(biāo)籤，它可以設(shè)定文字的大小、顏色、底線.n 如果以Font更改字體大小，利用Size屬性，可以有七種變化¨ 最?。?lt;font size=1>¨ 最大：<font size=7>n 另外寫(xiě)法：¨ 先定義基本字型大小<BASE

10、FONT SIZE=n> n = 17，7最大，1最小¨ 再以相對(duì)大小定義字型大小<FONT SIZE=+m> </FONT> <FONT SIZE=-m> </FONT> ¨ 以一般而言，預(yù)設(shè)字體多為 3，所以以基本字型的大小加減m，則為<FONT SIZE=+2> </FONT>字型大小為6<FONT SIZE=-1> </FONT> 字型大小為3¨(C). 範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<font size=1>商務(wù)網(wǎng)站</font>

11、 或是<font size=-2>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站 <font size=2>商務(wù)網(wǎng)站</font> 或是<font size=-1>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font size=3>商務(wù)網(wǎng)站</font> 或是<font size=+0>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font size=4>商務(wù)網(wǎng)站</font> 或是<font size=+1>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font size=5

12、>商務(wù)網(wǎng)站</font> 或是<font size=+2>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font size=6>商務(wù)網(wǎng)站</font> 或是<font size=+3>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font size=6>商務(wù)網(wǎng)站</font> 或是<font size=+4>商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站(2). 字型變化標(biāo)籤(A). 語(yǔ)法：n <B> </B> 黑體字n <I> </I> 斜體字n &l

13、t;U> </U> 加底線n <STRIKE> </STRIKE> 加上刪除線n <BLINK> </BLINK >讓文字閃爍但是只在Netscape適用n <SUP> </SUP>上標(biāo)n <SUB> </SUB>下標(biāo)n <!->註解，說(shuō)明n <tt> </tt>可以顯示似打字效果字體n <em>.</em>可以顯示強(qiáng)調(diào)效果字體n <strong>.</strong>可以顯示加強(qiáng)效果字體(B). 使

14、用範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<b>粗體</b>粗體 <i>斜體</i>斜體 <u>底線</u>底線 <sup>上標(biāo)</sup>上標(biāo) <sub>下標(biāo)</sub>下標(biāo) <tt>打字機(jī)</tt>打字機(jī) <blink>閃爍</blink>（ie沒(méi)效果）閃爍 <em>強(qiáng)調(diào)</em>強(qiáng)調(diào) <strong>加強(qiáng)</strong>加強(qiáng) (3). 文字標(biāo)籤Font-更改文字顏色(A). 使用方法

15、：n <FONT color="顏色值">.</ FONT > (B). 標(biāo)籤說(shuō)明：n 使用Color屬性設(shè)定顏色，其中的顏色值可以使用RGB值(例如：#800080)，也可以用顏色的英文(例如：紫色)n 一些常用的顏色英文與RGB值對(duì)應(yīng)表請(qǐng)參考下表英文中文RGB值英文中文RGB值Black黑色#000000Green綠色#008000Silver銀色#C0C0C0Lime萊姆綠#00FF00Gray灰色#808080Oliver橄欖綠#808000White白色#FFFFFFYellow黃色#FFFF00Maroon褐紅色#800000Light

16、Yellow淡黃色#FFFFE0Red紅色#FF0000Navy海軍藍(lán)#000080Purple紫色#800080Blue藍(lán)色#0000FFFuchsia粉紅色#FF00FFTeal藍(lán)綠色#008080Orange橘色#FFA500Aqua水藍(lán)色#00FFFFSnow White雪白色#FFFAFASky Blue天藍(lán)色#90CEEB(C). 範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<font color="#FF0000">商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font color="紅色">商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)

17、站(4). 文字標(biāo)籤Font-更改文字字體(A). 語(yǔ)法：n <FONT face="字型名稱(chēng)">.</ FONT > (B). 標(biāo)籤解說(shuō)：n 你製作網(wǎng)頁(yè)使用某種字型(草書(shū))，而網(wǎng)友在瀏覽你的網(wǎng)頁(yè)時(shí)，如果它的電腦沒(méi)有該字型(草書(shū))，那麼它看到的仍然還是細(xì)明體n 另外，如果針對(duì)NETSCAPE瀏覽器，則必須在網(wǎng)頁(yè)中有加上這一行敘述，以指定網(wǎng)頁(yè)的語(yǔ)言格式¨ <meta http-equiv="content-type" content="text/html; charset = big5">&

18、#168; 如此NETSCAPE瀏覽器才可以正確顯示出中文¨ 如果沒(méi)有加這一行，顯示出的中文一定是細(xì)明體而無(wú)法更改¨ 至於 I.E.瀏覽器，皆可正常顯示。 (C). 使用範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<font face="標(biāo)楷體">商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站<font face="新細(xì)明體">商務(wù)網(wǎng)站</font>商務(wù)網(wǎng)站7. 特殊文字設(shè)定標(biāo)籤(1). 特殊控制字元(A). 使用方法：n &lt 表示<n &gt 表示>n &amp表示&

19、n &nbsp表示(B). 標(biāo)籤說(shuō)明：n 很多特殊的符號(hào)是需要特別處理的n < 、 > 因?yàn)楹苋菀着c網(wǎng)頁(yè)標(biāo)籤< >搞混，所以如果要輸入 <，則必須輸入特殊字元 &lt(C). 範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果&nbsp;  (&nbsp;代表一個(gè)不斷行空白) &lt;< &gt;> &amp;& &quot;" 8. 影像標(biāo)籤(1). HTML 內(nèi)可以放置的兩種圖片格式:n GIFn JPG(2). 基本語(yǔ)法n <IMG SRC=" taigi.g

20、if" >加上test.gif 的圖片及下列特性¨ 絕對(duì)路徑 D:photo taigi.gif¨ 相對(duì)路徑 與HTML文件同一目錄之taigi .gif(3). 進(jìn)階語(yǔ)法n <IMG SRC="taigi.gif" WIDTH=200 HEIGHT=150 BORDER=N VSPACE=10 HSPACE=10 ALIGN=TOP ALT="這是提示字喔">¨ WIDTH圖片寬200點(diǎn)¨ HEIGHT圖片高150點(diǎn)¨ BORDER=N N為外框大小，不設(shè)則為無(wú)外框¨

21、; VSPACE 10圖形上下方各留10點(diǎn)¨ HSPACE 10 圖形左右方各留10點(diǎn)¨ ALIGN=TOP 文字與圖形上方對(duì)齊¨ ALIGN=MIDDLE 文字與圖形中間對(duì)齊¨ ALIGN=BOTTOM文字與圖形下方對(duì)齊¨ ALT=" "說(shuō)明圖形的文字(4). 範(fàn)例： Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<img src=taigei.gif">太極 太極<img src=taigei.gif height=30 width=30>太極9. 背景標(biāo)籤(1). 背景顏色、背景圖片標(biāo)籤 (A).

22、 語(yǔ)法：n <BODY bgcolor="#ffffff" background="bground.jpg"> (B). 標(biāo)籤說(shuō)明：n 設(shè)定背景顏色¨ <BODY BGCOLOR=#FFFFFF> 背景顏色為白色n 設(shè)定背景圖片¨ <BODY background="bground.jpg"> (2). 設(shè)定內(nèi)文顏色、連結(jié)文字顏色 (A). 語(yǔ)法：連結(jié)前後顏色的設(shè)定n <BODY TEXT=”顏色代碼” LINK=”顏色代碼” ALINK=”顏色代碼” VLINK=”顏色代

23、碼”>¨ TEXT=”顏色代碼”設(shè)定文件中文字的顏色¨ LINK=”顏色代碼”設(shè)定未連結(jié)過(guò)文字的顏色¨ ALINK=”顏色代碼” 設(shè)定正在連結(jié)但尚未連結(jié)上的顏色¨ VLINK=”顏色代碼”設(shè)定曾經(jīng)連結(jié)過(guò)的顏色(B). 範(fàn)例：n <BODY text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000> 10. 連結(jié)標(biāo)籤(1). 網(wǎng)頁(yè)外部的連結(jié) - 連結(jié)檔案或超連結(jié)(A). 語(yǔ)法：n <A HREF=&q

24、uot;URL" > 商務(wù)網(wǎng)站 </A>(B). 標(biāo)籤解說(shuō)：n URL 連結(jié)的位址Ø Local ： 如某個(gè)檔案<A HREF=Link1.HTM>按我就可以打開(kāi)Link.htm<A HREF=”/SUB/HREF1.HTM>打開(kāi)子目錄SUB下的href1.htmØ 其他 ： 如某個(gè)檔案 <A HREF:”.tw>致遠(yuǎn)首頁(yè) <A HREF:”ftp:/”>Hinet的FTP站 <A HREF:”news:p.hardware”>News硬體討論區(qū) <

25、;A HREF:mailto:.tw>陳老師的E-Mail(C). 範(fàn)例： 網(wǎng)站連結(jié)<a href="http:/sunspot-">好站</a>電子郵件連結(jié)<a href="mailto:tad.tw">寫(xiě)情書(shū)給我</a>ftp連結(jié)<a href=".tw">下載檔案</a>news連結(jié)<a href="news:.tw">seednet news服務(wù)</

26、a>gopher連結(jié)<a href="gopher:/.tw/">seednet gopher服務(wù)</a>bbs連結(jié)<a href="telnet:/.tw/">seednet bbs服務(wù)</a>(2). 網(wǎng)頁(yè)內(nèi)部的連結(jié)-又稱(chēng)為書(shū)籤的功能文件的超連結(jié)(A). 語(yǔ)法： n 先在欲連結(jié)處作記號(hào)：<a name="here1">這裡是你想連結(jié)的點(diǎn)</a> n 設(shè)定連結(jié)：<a href="#here1">連結(jié)</a> (B

27、). 標(biāo)籤說(shuō)明：n 舉例說(shuō)明<HTML><UL>李白的詩(shī)<LI> <A HREF=#POEM1>靜夜思</A><LI> <A HREF=#POEM2>玉階怨</A><UL><A NAME=#POEM1><H2>靜夜思</H2> 床前明月光， 疑似地上霜。<BR> 舉頭望明月， 低頭思故鄉(xiāng)。<HR><A NAME=#POEM2><H2>玉階怨</H2> 玉階生白露， 夜久侵白襪。<BR&g

28、t; 卻下水晶簾， 玲瓏望秋月。</HTML>Ø <A NAME=#書(shū)籤名稱(chēng)>上例的書(shū)籤名稱(chēng)即為Poem1，Poem2Ø 在用HREF指到這個(gè)書(shū)籤，如<A HREF=#POEM1>靜夜思</A>n 同一份文件內(nèi)<A HREF= #FIRST><A HREF= #SECOND><A NAME=#FIRST><A NAME=#SECOND>(C). 範(fàn)例： 第一步驟第二步驟<a name="m1">欲連結(jié)的位置</a><a href=

29、"#m1">www連結(jié)標(biāo)籤基本概念</a>(3). 【連結(jié)標(biāo)籤的參數(shù)】 (A). 使用方法：n 在連結(jié)後面加入 target=_參數(shù) (B). 標(biāo)籤解說(shuō)：n 連結(jié)的參數(shù)並不多，常見(jiàn)的大概就屬 target 這參數(shù)了，target 的意思是目標(biāo)，也就是網(wǎng)頁(yè)連結(jié)的指向目標(biāo)，這參數(shù)在框窗（frame）裡尤為重要！ (C). 使用範(fàn)例： n target=框窗名稱(chēng)：這在框架標(biāo)籤中也有提到，而且也只有在框架（框窗 or frame）中才用得到。正常而言，框窗有各自的名稱(chēng)，因此，我們可以利用此標(biāo)籤，來(lái)指定連結(jié)的內(nèi)容顯示到哪一個(gè)框窗中。 n target=_blank：

30、將連結(jié)的畫(huà)面內(nèi)容，開(kāi)在新的瀏覽視窗中。 n target=_parent：將連結(jié)的畫(huà)面內(nèi)容，當(dāng)成文件的上一個(gè)畫(huà)面。 n target=_self：將連結(jié)的畫(huà)面內(nèi)容，顯示在目前的視窗中。 n target=_top：這個(gè)參數(shù)可以解決新連結(jié)的畫(huà)面內(nèi)容，被舊框窗包圍的困擾，使用這參數(shù)，會(huì)將整個(gè)畫(huà)面重新顯示成連結(jié)的畫(huà)面內(nèi)容。 11. 表格標(biāo)籤(1). 範(fàn)例：以建立下列的表格為例:表格的標(biāo)題第一行第二行第三行第一列A1A2A3第二列B1B2B3第三列C1C2C3(2). 範(fàn)例語(yǔ)法解答：以建立上述的表格的語(yǔ)法如下所示:<TABLE><CAPTION> 表格的標(biāo)題</CAPTI

31、ON><TR> <TH> <TH>第一行 <TH>第二行 <TH>第三行<TR> <TH>第一列 <TD>A1 <TD>A2 <TD>A3<TR> <TH>第二列 <TD>B1 <TD>B2 <TD>B3<TR> <TH>第三列 <TD>C1 <TD>C2 <TD>C3</TABLE>(3). 基本語(yǔ)法說(shuō)明² <TABLE

32、> </ TABLE >表格的開(kāi)頭與結(jié)尾² <CAPTION > </ CAPTION >表格的標(biāo)題或名稱(chēng)² <TR>TR (Table Row)，定義表格的一列，如上例，有4個(gè)TR，所以這個(gè)表格共有4列，換言之，有幾列，就要有幾個(gè)TR² <TH>TH (Table Heading )，定義表格欄位標(biāo)題，文字以粗體並置中顯示(黃色部分)² <TD>TD (Table Data)，定義表格內(nèi)每一欄的資料，文字以正常並靠左顯示(綠色部分)l 基本上，<TH>與<T

33、D>除了字型及對(duì)齊方式外，並無(wú)太大區(qū)別。二者都可以看成是定義該列中，每一欄的資料為何，所以，一列中有幾欄，就應(yīng)有幾個(gè)<TH> 或 <TD>(4). 其他語(yǔ)法說(shuō)明² <TABLE BORDER=2 WIDTH=100% HEIGHT=100% CELLSPACING=5 CELLPADDING=2>l BORDER表格加框線l BORDER=2表格框線圖點(diǎn)(pixel)數(shù)l WIDTH=100%佔(zhàn)瀏覽器寬度的百分比，否則以資料多少而調(diào)整，資料多則表格加寬，資料少則表格小l HEIGHT=100%佔(zhàn)瀏覽器高度的百分比l CELLSPACING=5

34、 表格格線的圖點(diǎn)數(shù)l CELLPADDING=2距欄位邊界的圖點(diǎn)數(shù)，即資料與格線之距離² <CAPTION ALIGN=TOP>l ALIGN=TOP表格的標(biāo)題放在表格的上方l ALIGN=BOTTOM表格的標(biāo)題放在表格的下方(5). 練習(xí)範(fàn)例：Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<TABLE BORDER=1><TR><TD>1</TD><TD>2</TD><TD>3</TD></TR><TR><TD>4</TD><TD>5&l

35、t;/TD><TD>6</TD></TR></TABLE>12345612. 序列標(biāo)籤 (1). 有幾種標(biāo)籤可以做條列式列表(A). 種類(lèi)：DIR，MENU，OL(Ordered List)，UL(Unordered List)等。而項(xiàng)目標(biāo)籤則均為L(zhǎng)I。其格式大致如下<列表標(biāo)籤><LI> 項(xiàng)目1<LI> 項(xiàng)目2<LI> 項(xiàng)目3</列表標(biāo)籤>n <DIR> </DIR> n <MENU> </MENU> n <OL> <

36、;/OL> 每一個(gè)項(xiàng)目前會(huì)自動(dòng)加上項(xiàng)目編號(hào)(序號(hào))n <UL> </UL> 每一個(gè)項(xiàng)目前會(huì)加上項(xiàng)目符號(hào)(2). 無(wú)序標(biāo)籤 (A). 功能：n 無(wú)序條列是指各條列間並無(wú)順序關(guān)係，純粹只是利用條列式方法來(lái)呈現(xiàn)資料而已(B). 語(yǔ)法：n <UL TYPE=n > </UL> ¨ TYPE=disc以為項(xiàng)目符號(hào)¨ TYPE=circle以為項(xiàng)目符號(hào)¨ TYPE=square以為項(xiàng)目符號(hào)(3). 有序標(biāo)籤(A). 功能：n 有序條列就是指各條列之間是有順序的，從1、2、3一直延伸下去。(B). 語(yǔ)法：n <OL T

37、YPE=n START=m> </OL> ¨ TYPE=A以A，B，C為項(xiàng)目編號(hào)¨ TYPE=a以a，b，c為項(xiàng)目編號(hào)¨ TYPE=I以I，II，III大寫(xiě)羅馬數(shù)字為項(xiàng)目編號(hào)¨ TYPE=i以i，ii，iii小寫(xiě)羅馬數(shù)字為項(xiàng)目編號(hào)¨ TYPE=1以1，2，3阿拉伯?dāng)?shù)字為項(xiàng)目編號(hào)(預(yù)設(shè)值)¨ START=mm為編號(hào)的起始值13. 框架標(biāo)籤 (1). 框架的基本語(yǔ)法 n <FRAMESET COLS=”*，*，*” ROWS=”*，*”>COLS=”*，*，*”將視窗平均分割成3欄，一個(gè) * 表示一欄，* 與

38、 * 間，以，區(qū)隔，ROWS=”*，*”將視窗平均分割成2列，一個(gè) * 表示一列，* 與 * 間，以，區(qū)隔，n <FRAME SRC=”Frame5.htm"> 表示這個(gè)視窗連結(jié)到Frame5.htm如下例，連結(jié)至致遠(yuǎn)的一些網(wǎng)頁(yè)(2). 框架的基本範(fàn)例1 <HTML> <FRAMESET COLS="*，*，*"> <FRAME SRC=".tw/student/news.htm">致遠(yuǎn)校園學(xué)務(wù)處 <FRAME SRC=".tw/pr/最新消息.htm">致遠(yuǎn)校長(zhǎng)室 <FRAME SRC=".tw">致遠(yuǎn)首頁(yè) </FRAMESET></HTML>(3). 框架的基本範(fàn)例2 Html語(yǔ)法網(wǎng)頁(yè)顯示結(jié)果<HTML><HEAD><TITLE>框窗實(shí)作</TITLE></HEAD><FRAMESET COLS="120,*" ><FRAME SRC="a.htm" N

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(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)論