網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)-03_第1頁(yè)
網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)-03_第2頁(yè)
網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)-03_第3頁(yè)
網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)-03_第4頁(yè)
網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)-03_第5頁(yè)
已閱讀5頁(yè)，還剩146頁(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)介

網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)劉佳辦公室：8-403電話箱：liujia120103@163.com課件發(fā)送地址：kejiankejian2010@163.com密碼：222222（6個(gè)2）第3章HTML簡(jiǎn)介

3.1HTML概述3.1.1HTML的發(fā)展歷程1．HTML的誕生2．HTML的版本發(fā)展3．HTML的未來(lái)4．學(xué)習(xí)HTML的意義

3.1.2一個(gè)簡(jiǎn)單的HTML實(shí)例【例3-1】用HTML制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。3.1.3HTML的基本概念要了解HTML語(yǔ)言，先來(lái)熟悉一下HTML中的一些基本概念。1．標(biāo)記在HTML中用于描述功能的符號(hào)稱(chēng)為“標(biāo)記”，它是用來(lái)控制文字、圖像等顯示方式的符號(hào)。標(biāo)記在使用時(shí)必須用“<>”括起來(lái)，標(biāo)記有單標(biāo)記和雙標(biāo)記之分。1）單標(biāo)記所謂“單標(biāo)記”是指只需單獨(dú)使用就能完整地表達(dá)意思的標(biāo)記。這類(lèi)標(biāo)記的語(yǔ)法是：<標(biāo)記名稱(chēng)>。2）雙標(biāo)記所謂“雙標(biāo)記”是指由“始標(biāo)記”和“尾標(biāo)記”兩部分構(gòu)成，必須成對(duì)使用的標(biāo)記。其中始標(biāo)記告訴Web瀏覽器從此處開(kāi)始執(zhí)行該標(biāo)記所表示的功能，而尾標(biāo)記告訴Web瀏覽器到這里結(jié)束該功能。始標(biāo)記前加一個(gè)斜杠（/）即成為尾標(biāo)記。雙標(biāo)記的語(yǔ)法是：<標(biāo)記>內(nèi)容</標(biāo)記>，其中“內(nèi)容”是指要被這對(duì)標(biāo)記施加作用的部分。2．標(biāo)記屬性許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性，其語(yǔ)法是：<標(biāo)記名稱(chēng)屬性1屬性2屬性3…>，各屬性之間無(wú)先后次序，屬性也可省略（即取默認(rèn)值）。例如單標(biāo)記<HR>表示在文檔當(dāng)前位置畫(huà)一條水平線，一般是從窗口中當(dāng)前行的最左端一直畫(huà)到最右端，它可以帶這么一些屬性：<HRsize="3"align="LEFT"width="75%">。其中，size屬性定義線的粗細(xì)，屬性值取整數(shù)，缺省值為1；align屬性表示對(duì)齊方式，可取LEFT（左對(duì)齊，默認(rèn)值），CENTER（居中），RIGHT（右對(duì)齊）；width屬性定義線的長(zhǎng)度，可取相對(duì)值（由一對(duì)""號(hào)括起來(lái)的百分?jǐn)?shù)，表示相對(duì)于整個(gè)窗口的百分比），也可取絕對(duì)值（用整數(shù)表示的屏幕像素點(diǎn)的個(gè)數(shù)，如width="300"），默認(rèn)值是100%。3．注釋語(yǔ)句和其他計(jì)算機(jī)語(yǔ)言一樣，HTML語(yǔ)言也提供了注釋語(yǔ)句。注釋語(yǔ)句的格式為：<！--注釋文-->，“<！--”表示注釋開(kāi)始，“-->”表示注釋結(jié)束，中間的所有內(nèi)容表示注釋文。注釋語(yǔ)句可以放在任何地方，注釋內(nèi)容不在瀏覽器中顯示出來(lái)，僅供設(shè)計(jì)人員閱讀方便。3.1.4HTML的基本結(jié)構(gòu)HTML網(wǎng)頁(yè)文件主要由文件頭和文件體兩部分內(nèi)容構(gòu)成。其中，文件頭是對(duì)文件進(jìn)行一些必要的定義，文件體是HTML網(wǎng)頁(yè)的主要部分，它包括文件所有的實(shí)際內(nèi)容。下面是HTML網(wǎng)頁(yè)的基本結(jié)構(gòu)。<HTML>HTML文件開(kāi)始<HEAD>文件頭開(kāi)始文件頭</HEAD>文件頭結(jié)束<BODY>文件體開(kāi)始文件體</BODY>文體結(jié)束</HTML>HTML文件結(jié)束在HTML網(wǎng)頁(yè)文件的基本結(jié)構(gòu)中主要包含以下幾種標(biāo)記。1．HTML文件標(biāo)記<HTML>和</HTML>標(biāo)記放在網(wǎng)頁(yè)文檔的最外層，表示這對(duì)標(biāo)記間的內(nèi)容是HTML文檔。<HTML>放在文件開(kāi)頭，</HTML>放在文件結(jié)尾，中間嵌套其他標(biāo)記。2．HEAD文件頭部標(biāo)記文件頭用<HEAD>和</HEAD>標(biāo)記，該標(biāo)記出現(xiàn)在文件的起始部分，標(biāo)記內(nèi)的內(nèi)容不在瀏覽器中顯示，主要用來(lái)說(shuō)明文件的有關(guān)信息，如文件標(biāo)題、作者、編寫(xiě)時(shí)間、搜索引擎可用的關(guān)鍵詞等。

在HEAD標(biāo)記內(nèi)最常用的標(biāo)記是網(wǎng)頁(yè)主題標(biāo)記——TITLE標(biāo)記，它的格式為：<TITLE>網(wǎng)頁(yè)標(biāo)題</TITLE>。網(wǎng)頁(yè)標(biāo)題是提示網(wǎng)頁(yè)內(nèi)容和功能的文字，它將出現(xiàn)在瀏覽器的標(biāo)題欄中，一個(gè)網(wǎng)頁(yè)只能有一個(gè)標(biāo)題，并且只能出現(xiàn)在文件的頭部。3．BODY文件主體標(biāo)記文件主體用<BODY>和</BODY>標(biāo)記，它是HTML文檔的主體部分，網(wǎng)頁(yè)正文中的所有內(nèi)容包括文字、表格、圖像、聲音和動(dòng)畫(huà)等都包含在這對(duì)標(biāo)記對(duì)之間。它的格式為：<BODYbackground=“image-URL”bgcolor=“color”text=“color”link=“color”alink=“color”vlink=“color”leftmargin=“value”topmargin=“value”>…</BODY>。3.1.5HTML的語(yǔ)法規(guī)則HTML語(yǔ)言應(yīng)遵循以下的語(yǔ)法規(guī)則。（1）HTML文件以純文本形式存放，擴(kuò)展名為“*.HTM”或“*.HTML”。（2）HTML標(biāo)記不區(qū)分大小寫(xiě)。（3）多數(shù)HTML標(biāo)記可以嵌套，但不可以交叉。（4）HTML文件一行可以寫(xiě)多個(gè)標(biāo)記，一個(gè)標(biāo)記也可以分多行書(shū)寫(xiě)，不用任何續(xù)行符號(hào)。（5）HTML源文件中的換行、回車(chē)符和空格在顯示效果中是無(wú)效的。顯示內(nèi)容如果要換行必須用<BR>標(biāo)記，換段用<P>標(biāo)記，<P>表示段落開(kāi)始，</P>表示段落結(jié)束。頁(yè)面中的空格是通過(guò)代碼控制的，一個(gè)半角空格使用一個(gè) 表示，多個(gè)空格只需使用多次即可。與空格的表示方法有些相似，一些特殊符號(hào)是憑借特殊的符號(hào)碼來(lái)表現(xiàn)。通常由“&”前綴，加上字符對(duì)應(yīng)的名稱(chēng)，再加上后綴“；”而組成。如書(shū)中表3-1所示列出了一些常見(jiàn)的HTML特殊符號(hào)的表示方法。（6）網(wǎng)頁(yè)中所有的顯示內(nèi)容都應(yīng)該受限于一個(gè)或多個(gè)標(biāo)記，不應(yīng)有游離于標(biāo)記之外的文字或圖像等，以免產(chǎn)生錯(cuò)誤。3.2HTML的文本格式標(biāo)記在“<BODY>…</BODY>”標(biāo)記對(duì)之間直接輸入文字就可以顯示在瀏覽器窗口中，但是要制作出真正實(shí)用的網(wǎng)頁(yè)，還必須對(duì)輸入的文字進(jìn)行適當(dāng)?shù)男揎棥?.2.1標(biāo)題格式標(biāo)記功能：用于定義文章內(nèi)章節(jié)標(biāo)題的顯示格式。格式：<Hnalign=“對(duì)齊方式”>標(biāo)題內(nèi)容</Hn>。屬性：n表示標(biāo)題字號(hào)的級(jí)別，可以是1～6之間的任意整數(shù)，數(shù)字越小，字號(hào)越大。align表示水平對(duì)齊方式，取值可以為L(zhǎng)EFT（左對(duì)齊）、RIGHT（右對(duì)齊）、CENTER（居中對(duì)齊）、BOTTOM（位于底端）和TOP（位于頂部）。說(shuō)明：用該標(biāo)記實(shí)現(xiàn)文章標(biāo)題的效果有限，通常用FONT標(biāo)記實(shí)現(xiàn)文章標(biāo)題豐富多彩的效果?！纠?-2】標(biāo)題格式標(biāo)記的應(yīng)用。3.2.2文字格式標(biāo)記功能：設(shè)置網(wǎng)頁(yè)中普通文字的顯示效果。格式：<FONTface=“字體”size=“字號(hào)”color=“顏色”>文字</FONT>。屬性：face表示文字的字體，如“黑體”表示黑體，“宋體”表示宋體。size表示字號(hào)，用來(lái)設(shè)定文字的大小，其值為1~7的整數(shù)，值越大，字越大；若數(shù)字前面加上“+”或“—”號(hào)，則表示相對(duì)基準(zhǔn)字號(hào)的大小，如基準(zhǔn)字號(hào)為3號(hào)，則+3表示6號(hào)字?；鶞?zhǔn)字號(hào)用如下標(biāo)記定義：<BASEFONTsize=“基準(zhǔn)字號(hào)”>，其中“基準(zhǔn)字號(hào)”也是1~7之間的整數(shù)。color用來(lái)設(shè)定文字的顏色，顏色的取值是十六進(jìn)制RGB顏色碼或HTML語(yǔ)言給定的顏色常量名。【例3-3】文字格式標(biāo)記的應(yīng)用。3.2.3字型設(shè)置標(biāo)記功能：設(shè)置文字的風(fēng)格，如黑體、斜體、帶下劃線等，這是一組標(biāo)記，它們可以單獨(dú)使用，也可以混合使用產(chǎn)生復(fù)合修飾效果。常用的標(biāo)記有以下一些：<B>…</B>：文字以粗體顯示。<I>…</I>：文字顯示為斜體。<U>…</U>：顯示下劃線。<STRIKE>…</STRIKE>：刪除線。<BIG>…</BIG>：使文字大小相對(duì)于前面的文字增大一級(jí)。<SMALL>…</SMALL>：使文字大小相對(duì)于前面的文字減小一級(jí)。<SUP>…</SUP>：使文字成為前一個(gè)字符的上標(biāo)。<SUB>…</SUB>：使文字成為前一個(gè)字符的下標(biāo)。<BLINK>…</BLINK>：使文字顯示為閃爍效果。<TT>…</TT>：以等寬體顯示西文字符。<CITE>…</CITE>：輸出引用方式的字體，通常是斜體。<EM>…</EM>：強(qiáng)調(diào)文字，通常用斜體加黑體。<STRONG>…</STRONG>：特別強(qiáng)調(diào)的文字，通常也是斜體加黑體。注：有些標(biāo)記的效果必須在動(dòng)態(tài)環(huán)境下才能顯示，例如<BLINK>標(biāo)記。

【例3-4】字型設(shè)置標(biāo)記的應(yīng)用。3.2.4段落標(biāo)記功能：設(shè)置文章段落的開(kāi)始和結(jié)束。瀏覽器在解釋HTML文檔時(shí)，會(huì)自動(dòng)忽略文檔中的回車(chē)、空格以及其他一些符號(hào)，所以在文檔中輸入回車(chē)，并不意味著在瀏覽器內(nèi)將看到一個(gè)不同的段落，當(dāng)需要在網(wǎng)頁(yè)中插入新的段落時(shí)，可以使用段落標(biāo)記，它可以將標(biāo)記后面的內(nèi)容另起一段。格式：<Palign=“水平對(duì)齊方式”>…</P>。屬性：align是水平對(duì)齊方式，取值可以為L(zhǎng)EFT（左對(duì)齊）、RIGHT（右對(duì)齊）和CENTER（居中對(duì)齊）。3.2.5強(qiáng)制換行標(biāo)記功能：另起一行顯示文字。格式：<BR>說(shuō)明：這是一個(gè)單標(biāo)記，與段落標(biāo)記在顯示效果上都是另起一行書(shū)寫(xiě)，但它們的不同之處是：段落標(biāo)記的行距要寬。在<BR>使用上還有一定的技巧，如果把<BR>加在<P></P>標(biāo)記對(duì)的外邊，將創(chuàng)建一個(gè)大的回車(chē)換行，即<BR>前邊和后邊文本的行與行之間的距離比較大，若放在<P></P>的里邊則<BR>前邊和后邊文本的行與行之間的距離將比較小?！纠?-5】段落標(biāo)記和強(qiáng)制換行標(biāo)記的應(yīng)用。3.2.6預(yù)排格式標(biāo)記功能：保留文字在純文字編輯器中的格式，原樣顯示，不受前面的文字格式和段落格式的影響。格式：<Pre>預(yù)排格式的文本</Pre>。說(shuō)明：若用其他文本編輯器編好了一段文本，如果把它放進(jìn)網(wǎng)頁(yè)文件，常常需要加許多標(biāo)記才能達(dá)到原來(lái)的顯示效果，否則瀏覽器會(huì)自動(dòng)忽略文檔中的回車(chē)、空格以及其他一些符號(hào)。如果在文本開(kāi)頭加上<Pre>，在末尾加上</Pre>，那么中間就不用加其他標(biāo)記了，這時(shí)中間的回車(chē)換行符等就起作用了，可以原樣顯示?！纠?-6】預(yù)排格式標(biāo)記的應(yīng)用。3.2.7插入水平線標(biāo)記功能：在頁(yè)面上畫(huà)橫線，可用于頁(yè)面上內(nèi)容的分割。格式：<HRwidth=“value1”size=“value2”align=“value3”color=“color1”noshade>。屬性：width用來(lái)設(shè)置水平線的寬度長(zhǎng)度，value1可以是點(diǎn)數(shù)，如50、100、200等，窗口改變時(shí)，橫線寬度不變；也可以是相對(duì)窗口的百分比，如50%、100%,默認(rèn)是100%。size用來(lái)設(shè)置水平線的厚度，value2的值可以是絕對(duì)點(diǎn)數(shù)，也可以是（相對(duì)長(zhǎng)度的）百分比，默認(rèn)高度為1。align用來(lái)設(shè)置水平線的對(duì)齊方式，value3的值可以是LEFT（居左）、RIGHT(居右)、CENTER（居中），默認(rèn)是居中。color用來(lái)設(shè)置水平線的顏色，顏色的取值是十六進(jìn)制RGB顏色碼或HTML語(yǔ)言給定的顏色常量名。noshade屬性不用賦值，而是直接加入標(biāo)記即可使用，它表示加入一條沒(méi)有陰影的水平線(不加入此屬性水平線將有陰影)。

3.2.8文本縮排標(biāo)記功能：使用縮排標(biāo)記，可以實(shí)現(xiàn)頁(yè)面文字的段落縮排，實(shí)現(xiàn)多次縮排可以使用多次縮排標(biāo)記。格式：<Blockquote>文本</Blockquote>。

【例3-7】文本縮排標(biāo)記的應(yīng)用。3.2.9列表標(biāo)記分段排列出一組級(jí)別相同的項(xiàng)目稱(chēng)為列表。如果在每段前面加上一個(gè)相同的符號(hào)，則稱(chēng)為無(wú)序列表；如果每段前面加上一個(gè)序號(hào)，則稱(chēng)為有序列表。1．無(wú)序列表功能：設(shè)置無(wú)序列表。格式：<ULtype=“加重符號(hào)類(lèi)型”><LItype=“加重符號(hào)類(lèi)型”>列表項(xiàng)目1<LItype=“加重符號(hào)類(lèi)型”>列表項(xiàng)目2……</UL>。

屬性：在無(wú)序列表的開(kāi)始和結(jié)束處，分別是<UL>和</UL>標(biāo)記，每一項(xiàng)列表?xiàng)l目之前必須加上<LI>標(biāo)記。type屬性表示在每個(gè)項(xiàng)目前顯示加重符號(hào)的類(lèi)型，共有三種選擇：type=“disc”時(shí)，列表符號(hào)為“●”（實(shí)信圓），type=“circle”時(shí)，列表符號(hào)為“○”（空心圓），type=“square”時(shí)，列表符號(hào)為“■”（實(shí)心方塊）。<UL>和<LI>標(biāo)記都可以定義type參數(shù)，使得在一個(gè)列表中，不同的列表項(xiàng)目可以用不同的列表符號(hào)，但一般情況下不要這樣設(shè)置。

【例3-8】無(wú)序列表標(biāo)記的應(yīng)用。2．有序列表功能：設(shè)置有序列表。格式：<OLtype=“序號(hào)類(lèi)型”start=“起始號(hào)碼”><LItype=“序號(hào)類(lèi)型”>列表項(xiàng)目1<LItype=“序號(hào)類(lèi)型”>列表項(xiàng)目2……</OL>。

屬性：在有序列表的開(kāi)始和結(jié)束處，分別是<OL>和</OL>標(biāo)記，每一項(xiàng)列表?xiàng)l目之前必須加上<LI>標(biāo)記。type屬性表示在每個(gè)項(xiàng)目前顯示的序號(hào)類(lèi)型，其值可以為1（阿拉伯?dāng)?shù)字）、A（大寫(xiě)英文字母）、a（小寫(xiě)英文字母）、I（大寫(xiě)羅馬字母）、i（小寫(xiě)羅馬字母）。start用于設(shè)置編號(hào)的開(kāi)始值，默認(rèn)值為1，<LI>標(biāo)記設(shè)定該條目的編號(hào)，其后的條目將以此作起始數(shù)目逐漸遞增。說(shuō)明：無(wú)序列表和有序列表可以嵌套，產(chǎn)生縮進(jìn)的、有層次的列表項(xiàng)目?！纠?-9】有序列表標(biāo)記的應(yīng)用。【例3-10】無(wú)序列表和有序列表標(biāo)記的應(yīng)用對(duì)比。3．定義列表功能：用于需要對(duì)列表?xiàng)l目進(jìn)行簡(jiǎn)短說(shuō)明的場(chǎng)合。格式：<DL><DT>列表?xiàng)l目1<DD>條目1的說(shuō)明<DT>列表?xiàng)l目2<DD>條目2的說(shuō)明……</DL>。屬性：在定義列表的開(kāi)始和結(jié)束處，分別是<DL>和</DL>標(biāo)記，每一項(xiàng)列表?xiàng)l目之前必須加上<DT>標(biāo)記，用<DD>標(biāo)記定義的條目說(shuō)明文字自動(dòng)向右縮進(jìn)。

【例3-11】定義列表標(biāo)記的應(yīng)用。3.2.10文字滾動(dòng)標(biāo)記功能：在頁(yè)面中制作文字滾動(dòng)的效果。格式：<MARQUEEbehavior=“value”bgcolor=“color”direction=“value”height=“value”width=“value”loop=“value”scrollamount=“value”scrolldelay=“value”hspace=“value”vspace=“value”>滾動(dòng)文字</MARQUEE>。屬性如下。（1）behavior：設(shè)置文字滾動(dòng)方式。共有三種滾動(dòng)方式供選擇：behavior=“alternate”時(shí)，文字將交替進(jìn)行滾動(dòng)；behavior=“scroll”時(shí)，文字將循環(huán)往復(fù)滾動(dòng)；behavior=“slide”時(shí)，文字將只進(jìn)行一次滾動(dòng)。（2）bgcolor：為滾動(dòng)文字添加背景顏色。（3）direction：設(shè)置文字滾動(dòng)的方向，value的取值可以為up、down、left和right四種，分別表示滾動(dòng)文字的方向向上、向下、向左和向右。

（4）height和width：設(shè)置文字滾動(dòng)的區(qū)域，取值為點(diǎn)數(shù)或相對(duì)于窗口的百分比。（5）loop：設(shè)置文字滾動(dòng)的循環(huán)次數(shù)。默認(rèn)值為-1，-1表示無(wú)限次循環(huán)次數(shù)。（6）scrollamount：調(diào)整文字滾動(dòng)的速度，數(shù)值越大速度越快。（7）scrolldelay：設(shè)置在每一次滾動(dòng)的間隔產(chǎn)生一段時(shí)間的延遲，數(shù)值越大延遲越長(zhǎng)。（8）hspace和vspace：設(shè)置文字滾動(dòng)的水平垂直空間。

【例3-12】文字滾動(dòng)標(biāo)記的應(yīng)用。

3.3HTML的表格標(biāo)記表格可以將文本和圖像按一定的行和列規(guī)則進(jìn)行排列，以便更好地表示長(zhǎng)信息，有利于快速查找信息。表格內(nèi)的格子稱(chēng)為單元格。表格標(biāo)記對(duì)于制作網(wǎng)頁(yè)是很重要的，現(xiàn)在很多網(wǎng)頁(yè)都使用多重表格，主要是因?yàn)楸砀癫坏梢怨潭ㄎ谋净驁D像的輸出，而且還可以任意的進(jìn)行背景和前景顏色的設(shè)置，使頁(yè)面有很多意想不到的效果，使頁(yè)面更加整齊美觀。表格標(biāo)記的構(gòu)成如下：

功能：建立基本表格。格式：<TABLEsummary=“文字”bgcolor=“color1”background=“Image-URL”border=“n”bordercolor=“color2”width=“x或x%”height=“x或x%”align=“LEFT/RIGHT/CENTER”><CAPTIONalign=“TOP/BOTTOM/LEFT/RIGHT”>表題（表格說(shuō)明）</CAPTION><TR><TH>表頭1</TH><TH>表頭2</TH>……….<TH>表頭n</TH></TR><TR><TD>表項(xiàng)1</TD><TD>表項(xiàng)2</TD>……….<TD>表項(xiàng)n</TD></TR><TR><TD>表項(xiàng)1</TD><TD>表項(xiàng)2</TD>……….<TD>表項(xiàng)n</TD></TR>……</TABLE>。屬性如下。（1）<TABLE></TABLE>標(biāo)記對(duì)用來(lái)創(chuàng)建一個(gè)表格。①summary：對(duì)表格格式或內(nèi)容的簡(jiǎn)要說(shuō)明，它不在網(wǎng)頁(yè)上顯示，相當(dāng)于表格的注釋。②bgcolor：設(shè)置表格的背景顏色，取值同BODY標(biāo)記中的顏色屬性。③background：設(shè)置表格的背景圖像，取值為圖像的URL地址。④border：設(shè)置表格線的寬度（粗細(xì)），n取整數(shù)，單位為像素?cái)?shù)，n=0表示無(wú)線。⑤bordercolor：設(shè)置表格線的顏色，取值同BODY標(biāo)記中的顏色屬性。⑥width：設(shè)置表格寬度，取值為點(diǎn)數(shù)或相對(duì)于窗口的百分比。⑦h(yuǎn)eight：設(shè)置表格高度，取值為點(diǎn)數(shù)或相對(duì)于寬度的百分比。⑧align：設(shè)置表格在頁(yè)面中的相對(duì)位置，取值為L(zhǎng)EFT、RIGHT或CENTER，分別表示居左、居右或居中。

（2）<CAPTION>…</CAPTION>表示對(duì)表格標(biāo)題的說(shuō)明，如“奧運(yùn)會(huì)男子足球比賽時(shí)間表”等。align表示標(biāo)題相對(duì)表格的位置，取值為L(zhǎng)EFT、RIGHT、CENTER、TOP或BOTTOM分別表示標(biāo)題在表格上部左邊、表格上部右邊、表格上部居中、表格上面或表格底部。（3）<TR>…</TR>定義行，該標(biāo)記中的內(nèi)容顯示在一行，此標(biāo)記對(duì)只能放在<TABLE></TABLE>標(biāo)記對(duì)之間使用，而在此標(biāo)記對(duì)之間加入文本將是無(wú)用的，因?yàn)樵?lt;TR></TR>之間只能緊跟<TD></TD>標(biāo)記對(duì)才是有效的語(yǔ)法；<TD></TD>標(biāo)記對(duì)用來(lái)創(chuàng)建表格中一行中的每一個(gè)格子，此標(biāo)記對(duì)也只有放在<TR></TR>標(biāo)記對(duì)之間才是有效的，輸入的文本也只有放在<TD></TD>標(biāo)記對(duì)中才有效。（4）<TH>…</TH>用來(lái)設(shè)置表格頭，表頭的每一列需用一個(gè)<TH>標(biāo)記，通常是黑體居中文字。（5）<TD>…</TD>用來(lái)定義表格內(nèi)容的一列，與<TH>的區(qū)別是內(nèi)容不加黑顯示。說(shuō)明：（1）<TABLE>中bgcolor、background、align、height、width等屬性可以放在TD標(biāo)記中，作為單元格的屬性。（2）一行的開(kāi)始表示前一行的結(jié)束，一列的開(kāi)始表示前一列的結(jié)束，所以<TR>、<TH>、<TD>均可以作單標(biāo)記使用。（3）<TH>標(biāo)記還可以用于每行的第一列，設(shè)置列標(biāo)題。（4）<CAPTION>、<TH>、<TD>標(biāo)記之間可以嵌套其他格式標(biāo)記，如<P>、<FONT>等。（5）單元格內(nèi)容可以是文字，也可以是圖像。

（6）表格可以嵌套，通過(guò)表格嵌套可以產(chǎn)生復(fù)雜的表格。（7）<TR>還有align和valign屬性。align是水平對(duì)齊方式，取值為L(zhǎng)EFT(左對(duì)齊)、CENTER(居中)、RIGHT(右對(duì)齊)；而valign是垂直對(duì)齊方式，取值為T(mén)OP(靠頂端對(duì)齊)、MIDDLE(居中間對(duì)齊)或BOTTOM(靠底部對(duì)齊)。<TD>還有width和nowrap屬性，width是單元格的寬度，單位用絕對(duì)像素值或總寬度的百分比；nowrap表示禁止表格單元格內(nèi)的內(nèi)容自動(dòng)換行。另<TR>、<TH>、<TD>中還可以使用rowspan和colspan屬性實(shí)現(xiàn)單元格的合并，rowspan設(shè)置一個(gè)表格單元格跨占的行數(shù)(缺省值為1)，rowspan=n表示將n行作為一行；colspan設(shè)置一個(gè)表格單元格跨占的列數(shù)(缺省值為1)，colspan=n表示將n列作為一列。

【例3-13】表格標(biāo)記單元格合并屬性的應(yīng)用?！纠?-14】表格標(biāo)記的簡(jiǎn)單應(yīng)用?！纠?-15】表格標(biāo)記的復(fù)雜應(yīng)用。3.4HTML的圖像與多媒體標(biāo)記在網(wǎng)頁(yè)中加入圖像和多媒體元素可以使網(wǎng)頁(yè)更加生動(dòng)活潑。3.4.1圖像標(biāo)記再簡(jiǎn)單樸素的網(wǎng)頁(yè)如果只有文字而沒(méi)有圖像將失去許多活力，圖像在網(wǎng)頁(yè)制作中是非常重要的元素，HTML語(yǔ)言提供了<IMG>標(biāo)記來(lái)處理圖像的輸出，當(dāng)然用<IMG>標(biāo)記還可以播放視頻，下面也順便介紹一下。

1．<IMG>的圖像標(biāo)記功能功能：在當(dāng)前位置插入圖像。格式：<IMGsrc=“image-URL”alt=“簡(jiǎn)單說(shuō)明”longdesc=“詳細(xì)說(shuō)明”width=“x”height=“y”border=“邊框長(zhǎng)度”hspace=“x”vspace=“y”align=“對(duì)齊方式”>。屬性如下。（1）src：設(shè)置要加入的圖像文件的URL地址，通常圖像格式為gif或jpg。（2）alt：設(shè)置圖像文件的替代說(shuō)明，當(dāng)圖像無(wú)法顯示時(shí)，顯示“簡(jiǎn)單說(shuō)明”。（3）longdesc：設(shè)置圖像的詳細(xì)說(shuō)明。（4）width：設(shè)置圖像的寬度，可以為點(diǎn)數(shù)或相對(duì)窗口寬度的百分比。（5）height：設(shè)置圖像的高度，可以為點(diǎn)數(shù)或相對(duì)窗口高度的百分比。

（6）border：設(shè)置圖像外圍邊框?qū)挾?，其值為正整?shù)。（7）hspace：設(shè)置水平方向空白（圖像左右留多少空白）。（8）vspace：設(shè)置垂直方向空白（圖像上下留多少空白）。（9）align：設(shè)置在頁(yè)面中的位置，可以為L(zhǎng)EFT，RIGHT或CENTER。說(shuō)明：圖像的寬度和高度指圖像顯示時(shí)的大小，與圖像的真實(shí)大小無(wú)關(guān)。<IMG>標(biāo)記并不是真正地把圖像加入到HTML文檔中，而是給標(biāo)記對(duì)的src屬性賦值，這個(gè)值是圖像文件的文件名，當(dāng)然包括路徑，這個(gè)路徑可以是相對(duì)路徑，也可以是網(wǎng)址。實(shí)際上就是通過(guò)路徑將圖像文件嵌入到HTML文檔中。設(shè)置圖像文件地址時(shí)用到的路徑一般建議使用相對(duì)路徑，所謂相對(duì)路徑是指所要鏈接或嵌入到當(dāng)前HTML文檔的文件與當(dāng)前文件的相對(duì)位置所形成的路徑。假如HTML文件與圖像文件(文件名假設(shè)是logo.gif)在同一個(gè)目錄下，則可以將代碼寫(xiě)成<IMGsrc=“l(fā)ogo.gif”>；假如圖像文件放在當(dāng)前的HTML文檔所在目錄的一個(gè)子目錄(子目錄名假設(shè)是images)下，則代碼應(yīng)為<IMGsrc=“images/logo.gif”>；假如圖像文件放在當(dāng)前的HTML文檔所在目錄的上層目錄(目錄名假設(shè)是home)下，則相對(duì)路徑就必須是準(zhǔn)網(wǎng)址了，即用“../”表示網(wǎng)站，然后在后邊緊跟文件在網(wǎng)站中的路徑，假設(shè)home是網(wǎng)站下的一個(gè)目錄，則代碼應(yīng)為<IMGsrc=“../home/logo.gif”>，若home是網(wǎng)站下的目錄king下的一個(gè)子目錄，則代碼應(yīng)該變?yōu)?lt;IMGsrc=“../king/home/logo.gif”>了?！纠?-16】圖像標(biāo)記的應(yīng)用。2．<IMG>的視頻標(biāo)記功能利用<IMG>還可以變相的插入視頻，下面簡(jiǎn)單介紹一下該功能。功能：在網(wǎng)頁(yè)中加入視頻信息，格式一般為*.AVI。格式：<IMGsrc=“image-URL”dynsrc=“avi-URL”loop=“n”start=“開(kāi)始時(shí)間”controlsloopdelay=“時(shí)間間隔”>。屬性如下。（1）scr：設(shè)置一幅靜態(tài)圖像的URL地址，在未載入.AVI文件時(shí)，先在.AVI的播放區(qū)域顯示該圖像。（2）dynsrc：設(shè)置視頻文件存放的路徑和文件名。

（3）loop：設(shè)置視頻文件播放的次數(shù)，如果其值為INFINITE，則表示反復(fù)播放直到瀏覽者離開(kāi)該網(wǎng)頁(yè)。（4）start：設(shè)置何時(shí)開(kāi)始播放視頻文件，它有兩個(gè)屬性值fileopen和mouseover。fileopen是指在鏈接到含本標(biāo)記的頁(yè)面時(shí)開(kāi)始播放，mouseover是指將鼠標(biāo)移動(dòng)到.AVI播放區(qū)時(shí)開(kāi)始播放，默認(rèn)值為fileopen。另外，當(dāng)鼠標(biāo)在AVI播放區(qū)單擊時(shí)，也可使瀏覽器開(kāi)始播放。（5）controls：在視頻窗口下附加Windows的AVI文件播放控制條。（6）loopdelay：設(shè)置兩次播放的間隔時(shí)間，單位是毫秒。此外，還有IMG的常見(jiàn)屬性，如width、height、align等，也可以使用。

3.4.2背景音樂(lè)標(biāo)記功能：在網(wǎng)頁(yè)中加入聲音，聲音文件格式可以為*.wav或*.mid。格式：<BGSOUNDsrc=“聲音文件的URL地址”loop=“value”>。屬性：src指明聲音文件的URL地址。loop控制播放次數(shù)，取-1或INFINITE時(shí)，聲音將一直播放到瀏覽者離開(kāi)該網(wǎng)頁(yè)為止。3.4.3多媒體標(biāo)記功能：在頁(yè)面中放置如SWF動(dòng)畫(huà)（即Flash動(dòng)畫(huà)）、MP3音樂(lè)、電影等多種多媒體內(nèi)容。格式：<EMBEDsrc=“file_URL”height=“value”width=“value”hidden=“hidden_value”autostart=“auto_value”loop=“l(fā)oop_value”></EMBED>屬性如下。（1）src：指明多媒體文件所在的路徑，可以插入的常見(jiàn)的多媒體文件包括SWF動(dòng)畫(huà)、MP3音樂(lè)、MPEG格式的視頻和AVI格式的視頻。

（2）height和width：設(shè)置多媒體播放的區(qū)域，取值為點(diǎn)數(shù)或相對(duì)于窗口的百分比。（3）hidden：用于控制播放面板的顯示和隱藏。當(dāng)hidden=“True”時(shí)，隱藏面板；當(dāng)hidden=“False”時(shí)，顯示面板。（4）autostart：用于控制多媒體內(nèi)容是否自動(dòng)播放。當(dāng)auto=“True”時(shí)，自動(dòng)播放；當(dāng)auto=“False”時(shí)，不自動(dòng)播放。（5）loop：用于控制多媒體內(nèi)容是否循環(huán)播放。當(dāng)loop=“True”時(shí)，無(wú)限次循環(huán)次數(shù)；當(dāng)loop=“False”時(shí)，僅播放一次。3.5HTML的超鏈接標(biāo)記超鏈接是網(wǎng)頁(yè)頁(yè)面中最重要的元素之一，是一個(gè)網(wǎng)站的靈魂。一個(gè)網(wǎng)站是由多個(gè)頁(yè)面組成的，頁(yè)面之間依靠超鏈接確定相互的導(dǎo)航關(guān)系，超鏈接使得網(wǎng)頁(yè)的瀏覽非常方便。功能：建立超鏈接。格式：<Ahref=“file-URL”target=“value”>顯示的文本或圖像</A>。屬性如下。（1）href：設(shè)置要鏈接到的目標(biāo)的URL地址。（2）target：指定打開(kāi)鏈接的目標(biāo)窗口。當(dāng)target=“＿self”時(shí)，表示在原窗口顯示鏈接頁(yè)面；當(dāng)target=“＿blank”時(shí)，表示在新開(kāi)窗口顯示鏈接頁(yè)面；target=“＿parent”時(shí)，表示在上一級(jí)窗口中打開(kāi)，一般使用分幀的框架會(huì)經(jīng)常使用；當(dāng)target=“＿top”時(shí)，表示在瀏覽器的整個(gè)窗口中打開(kāi)，忽略任何框架。默認(rèn)時(shí)指在原窗口中打開(kāi)鏈接。

【例3-17】超鏈接標(biāo)記的應(yīng)用。3.6HTML的表單標(biāo)記表單是實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)的一種主要的外在形式，是HTML頁(yè)面與瀏覽器端實(shí)現(xiàn)交互的重要手段。表單的主要功能是收集信息，具體說(shuō)是收集瀏覽者的信息。例如在網(wǎng)上要申請(qǐng)一個(gè)電子信箱，就必須按要求填寫(xiě)完成網(wǎng)站提供的表單頁(yè)面，其主要內(nèi)容是姓名、年齡、聯(lián)系方式等個(gè)人信息。

表單信息處理的過(guò)程為：當(dāng)單擊表單中的提交按紐時(shí)，輸入在表單中的信息就會(huì)從客戶端的瀏覽器上傳到服務(wù)器中，然后由服務(wù)器中的有關(guān)表單處理程序（ASP、CGI等程序）進(jìn)行處理，處理后或者將用戶提交的信息儲(chǔ)存在服務(wù)器端的數(shù)據(jù)庫(kù)中，或者將有關(guān)的信息返回到客戶端瀏覽器中，這樣網(wǎng)頁(yè)就具有了交互性。這里只介紹如何使用HTML的表單標(biāo)記來(lái)設(shè)計(jì)表單。1．表單標(biāo)記<FORM>表單是網(wǎng)頁(yè)上的一個(gè)特定區(qū)域，這個(gè)區(qū)域由<FORM></FORM>標(biāo)記對(duì)來(lái)定義，這一步有兩方面的作用。第一，限定表單的范圍。其他的表單對(duì)象，都要插入到<FORM></FORM>表單標(biāo)記對(duì)之中才有效。單擊提交按鈕時(shí)，提交的也是表單范圍之內(nèi)的內(nèi)容。第二，攜帶表單的相關(guān)信息，例如處理表單的腳本程序的位置、提交表單的方法等。這些信息對(duì)于瀏覽者是不可見(jiàn)的，但對(duì)于處理表單卻有著決定性的作用。格式：<FORMname="form＿name"method="method"action="url"enctype="value"target="target＿win">…</FORM>。屬性如下。（1）name：設(shè)置表單的名稱(chēng)。

（2）method：定義處理程序從表單中獲得信息的方式，其取值為GET或POST。GET方式表示處理程序從當(dāng)前HTML文檔中獲取數(shù)據(jù)，但通過(guò)這種方式傳送的數(shù)據(jù)量是有所限制的，一般限制在1KB以下。POST方式與GET方式相反，它表示當(dāng)前的HTML文檔把數(shù)據(jù)傳送給處理程序，傳送的數(shù)據(jù)量要比使用GET方式的大的多。（3）action：用來(lái)定義表單處理程序（ASP、CGI等程序）的位置（相對(duì)地址或絕對(duì)地址）。如：<FORMaction=“/counter.cgi”>，當(dāng)用戶提交表單時(shí)，服務(wù)器將執(zhí)行網(wǎng)址/上的名為counter.cgi的CGI程序。（4）enctype：設(shè)置表單資料的編碼方式。（5）target：設(shè)置返回信息的顯示窗口。2．輸入標(biāo)記<INPUT>輸入標(biāo)記<INPUT>是表單中最常用的標(biāo)記之一。該標(biāo)記用來(lái)定義一個(gè)輸入?yún)^(qū)，可在其中輸入信息，此標(biāo)記必須放在<FORM></FORM>標(biāo)記對(duì)之間。格式：<INPUTname="field＿name"type="type＿name">。屬性如下。（1）name：設(shè)置輸入?yún)^(qū)域的名稱(chēng)。服務(wù)器就是通過(guò)調(diào)用某一輸入?yún)^(qū)域名字來(lái)獲得該區(qū)域數(shù)據(jù)的。（2）type：設(shè)置輸入?yún)^(qū)域的類(lèi)型。常用的type屬性值有10種，下面分別介紹。

①文本域TextText用來(lái)設(shè)定單行的輸入文本區(qū)域。格式：<INPUTtype=“Text”maxlength=“value”size=“value”value=“field＿value”>其中：maxlength為文本域的最大輸入字符數(shù)；size為文本域的寬度（以字符為單位）；value設(shè)置文本域的初始默認(rèn)值。②密碼域Password在表單中還有一種文本域的形式為密碼域，輸入到文本域中的文字均以星號(hào)“*”或圓點(diǎn)顯示。格式：<INPUTtype="Password"maxlength="value"size="value">其中：maxlength為密碼域的最大輸入字符數(shù)；size為密碼域的寬度。③文件域File文件域可以讓用戶在域的內(nèi)部填寫(xiě)自己硬盤(pán)中的文件路徑，然后通過(guò)表單上傳，這是文件域的基本功能。如在線發(fā)送E-mail時(shí)常見(jiàn)的附件功能。文件域的外觀是一個(gè)文本框加一個(gè)瀏覽按鈕，用戶既可以直接將要上傳給網(wǎng)站的文件的路徑寫(xiě)在文本框內(nèi)，也可以單擊瀏覽按鈕，在自己的電腦中找到要上傳的文件。格式：<INPUTtype="File">④復(fù)選框Checkbox復(fù)選框能夠讓瀏覽者進(jìn)行項(xiàng)目的多項(xiàng)選擇，一般以一個(gè)方框表示。格式：<INPUTtype=“Checkbox”checkedvalue=“value”>其中：checked表示此項(xiàng)被默認(rèn)選中；value表示選中項(xiàng)目后傳送到服務(wù)器端的值。⑤單選框Radio單選框能夠讓瀏覽者進(jìn)行項(xiàng)目的單項(xiàng)選擇，以一個(gè)圓框選擇。格式：<INPUTtype=“Radio”checkedvalue=“value”>其中：checked表示此項(xiàng)被默認(rèn)選中；value表示選中項(xiàng)目后傳送到服務(wù)器端的值。⑥普通按鈕Button普通按鈕主要是用來(lái)配合程序（如JavaScript腳本）的需要來(lái)進(jìn)行表單處理的。格式：<INPUTtype=“Button”value=“Button＿text”>其中：value值代表顯示在按鈕上面的文字。⑦提交按鈕Submit單擊提交按鈕后，可以實(shí)現(xiàn)表單內(nèi)容的提交。格式：<INPUTtype="Submit"value="Button＿text">⑧重置按鈕Reset單擊重置按鈕后,可以清除表單的內(nèi)容,恢復(fù)默認(rèn)的表單內(nèi)容設(shè)定。格式：<INPUTtype=“Reset”value=“Button＿text”>其中：value值代表顯示在按鈕上面的文字。⑨圖像域IMAGE圖像域是指可以用在提交按鈕上的圖片，這幅圖片具有按鈕的功能。如果網(wǎng)頁(yè)使用了較為豐富的色彩，或稍微復(fù)雜的設(shè)計(jì)，再使用表單默認(rèn)的按鈕形式往往會(huì)讓人覺(jué)得單調(diào)，甚至?xí)茐恼w的美感。這時(shí)，就可以使用圖像域來(lái)創(chuàng)建和網(wǎng)頁(yè)整體效果相統(tǒng)一的圖像提交按鈕。格式：<INPUTtype=“IMAGE”src=“Image＿URL”>其中：src設(shè)置圖片的路徑。⑩隱藏域Hidden隱藏域在頁(yè)面中對(duì)于用戶是不可見(jiàn)的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候，隱藏域的信息也被一起發(fā)送到瀏覽器。格式：<INPUTtype="Hidden">

【例3-18】表單輸入標(biāo)記的綜合應(yīng)用。

3．菜單和列表標(biāo)記<SELECT>和<OPTION>假設(shè)現(xiàn)在要在表單中添加這樣一項(xiàng)內(nèi)容：瀏覽所在的城市。這里不說(shuō)全國(guó)的城市，只說(shuō)省會(huì)以上的城市，就有幾十個(gè)。如果按上面講過(guò)的單選按鈕的形式，將這些城市全部羅列在網(wǎng)頁(yè)上，將是一件不堪設(shè)想的事情。于是，在表單的對(duì)象中出現(xiàn)了菜單和列表。說(shuō)到底，菜單和列表主要是為了節(jié)省網(wǎng)頁(yè)的空間而產(chǎn)生的。菜單是一種最節(jié)省空間的方式，正常狀態(tài)下只能看到一個(gè)選項(xiàng)，單擊按鈕打開(kāi)菜單后才能看到全部的選項(xiàng)；列表可以顯示一定數(shù)量的選項(xiàng)，如果超出了這個(gè)數(shù)量，會(huì)自動(dòng)出現(xiàn)滾動(dòng)條，瀏覽者可以通過(guò)拖動(dòng)滾動(dòng)條來(lái)觀看各選項(xiàng)。通過(guò)<SELECT>和<OPTION>標(biāo)記可以設(shè)計(jì)頁(yè)面中的菜單和列表效果，此標(biāo)記對(duì)必須放在<FORM></FORM>標(biāo)記對(duì)之間。格式：<SELECTname="name"size="value"multiple><OPTIONvalue="value"selected>選項(xiàng)一<optionvalue="value">選項(xiàng)二…</select>。<SELECT>標(biāo)記用來(lái)定義菜單和列表，屬性如下。（1）name：設(shè)置菜單和列表的名稱(chēng)。（2）size：設(shè)置顯示的選項(xiàng)數(shù)目。（3）multiple：該屬性不用賦值可直接加入到標(biāo)記中，加入此屬性后列表框就成了可多選的了。若沒(méi)有加入multiple屬性，顯示的將是一個(gè)彈出式的列表框。

<OPTION>標(biāo)記用來(lái)指定菜單和列表中的一個(gè)選項(xiàng)，它放在<SELECT></SELECT>標(biāo)記對(duì)之間。屬性如下。（1）value：該屬性用來(lái)給<OPTION>指定的那一個(gè)選項(xiàng)賦值，這個(gè)值是要傳送到服務(wù)器上的，服務(wù)器正是通過(guò)調(diào)用<SELECT>區(qū)域名字的value屬性來(lái)獲得該區(qū)域選中的數(shù)據(jù)項(xiàng)。（2）selected：指定初始默認(rèn)的選項(xiàng)。

【例3-19】表單菜單和列表標(biāo)記的應(yīng)用。4．文本框標(biāo)記<TEXTAREA><TEXTAREA></TEXTAREA>表示創(chuàng)建一個(gè)可以輸入多行的文本框，可以在其中輸入更多的文本，此標(biāo)記對(duì)放在<FORM></FORM>標(biāo)記對(duì)之間。格式：<TEXTAREAname="name"rows="value"cols="value"></TEXTAREA>。屬性如下。（1）name：設(shè)置文本框的名稱(chēng)。（2）rows：設(shè)置文本框的行數(shù)，以字符數(shù)為單位。（3）cols：設(shè)置文本框的列數(shù)，以字符數(shù)為單位。

【例3-20】表單文本框標(biāo)記的應(yīng)用。3.7HTML的框架標(biāo)記框架的運(yùn)用就是把瀏覽器窗口劃分成幾個(gè)子窗口，每個(gè)子窗口可以調(diào)入各自的HTML文檔形成不同的頁(yè)面，也可以按照一定的方式組合在一起完成特殊的效果?？蚣芡ǔ５氖褂梅椒ㄊ窃谝粋€(gè)框架中放置目錄并設(shè)置鏈接，點(diǎn)擊鏈接，內(nèi)容顯示在另一個(gè)框架中；或者有時(shí)一個(gè)網(wǎng)頁(yè)的不同部分由不同的人員制作，可以每人完成一個(gè)子窗口，然后利用框架技術(shù)將它們合并在一起形成一個(gè)完整的頁(yè)面。

1．框架集標(biāo)記<FRAMESET>框架主要包括兩個(gè)部分，一個(gè)是框架集，另一個(gè)就是框架。框架集是在一個(gè)文檔內(nèi)定義的一組框架結(jié)構(gòu)的HTML網(wǎng)頁(yè)?？蚣芗x了在一個(gè)窗口中顯示的框架數(shù)、框架的尺寸、載入到框架的網(wǎng)頁(yè)等。而框架則是指在網(wǎng)頁(yè)上定義的一個(gè)顯示區(qū)域。在使用了框架集的頁(yè)面中，頁(yè)面的<BODY>標(biāo)記被<FRAMESET>標(biāo)記所取代，然后通過(guò)<FRAME>標(biāo)記定義每一個(gè)框架。功能：定義分割窗口，用來(lái)定義主文檔中有幾個(gè)框架并且各個(gè)框架是如何排列的。格式：<FRAMESETcols="value，value，…"rows="value，value，…"framespacing="value"bordercolor="Color＿value">…</FRAMESET>。屬性如下。（1）cols：左右分割窗口（用“，”分割，value為定義各個(gè)框架的寬度值，單位可以是百分?jǐn)?shù)、絕對(duì)像素值或星號(hào)(“*”)，其中星號(hào)表示剩余部分）。（2）rows：上下分割窗口（用“，”分割，value為定義各個(gè)框架的寬度值，單位可以是百分?jǐn)?shù)、絕對(duì)像素值或星號(hào)(“*”)，其中星號(hào)表示剩余部分）。（3）framespacing：設(shè)定框架集的邊框?qū)挾取＃?）bordercolor：設(shè)定框架集邊框顏色。框架集標(biāo)記應(yīng)用如書(shū)上的表3-2所示。2．框架標(biāo)記<FRAME>每一個(gè)框架都有一個(gè)顯示的頁(yè)面，這個(gè)頁(yè)面文件稱(chēng)為框架頁(yè)面。通過(guò)<FRAME>標(biāo)記可以定義框架頁(yè)面的內(nèi)容，<FRAME>標(biāo)記放在<FRAMESET></FRAMESET>之間。功能：定義某一個(gè)具體的框架。格式：<FRAMEsrc=“File＿NAME”name=“Frame＿NAME”scrolling=“value”noresize>…</FRAME>。

屬性如下。（1）src：設(shè)置框架顯示的文件路徑。（2）name：定義此框架的名字，這個(gè)名字是供超文本鏈接標(biāo)記<Ahref=“”target=“”>中的target屬性用來(lái)指定鏈接的目標(biāo)HTML文件將顯示在哪一個(gè)框架中?？蚣艿拿幸欢ǖ囊?guī)則，框架名稱(chēng)必須是單個(gè)單詞，可以使用下劃線（＿），但不允許使用連字符（-）、句號(hào)（。）和空格?？蚣苊Q(chēng)必須以字母開(kāi)始?？蚣苊Q(chēng)區(qū)分大小寫(xiě)。（3）scrolling：設(shè)定滾動(dòng)條是否顯示，值可以是yes(顯示)、no(不顯示)或auto(若需要?jiǎng)t會(huì)自動(dòng)顯示,不需要?jiǎng)t自動(dòng)不顯示)。（4）noresize：禁止改變框架的尺寸大小。

3．不支持框架標(biāo)記<NOFRAMES>格式：<NOFRAMES>…</NOFRAMES>功能：<NOFRAMES></NOFRAMES>標(biāo)記對(duì)放在<FRAMESET></FRAMESET>標(biāo)記對(duì)之間，用來(lái)在那些不支持框架的瀏覽器中顯示文本或圖像信息。

【例3-21】框架標(biāo)記的綜合應(yīng)用。3.8CSS3.8.1CSS概述CSS是英文CascadingStyleSheet的縮寫(xiě)，稱(chēng)為“層疊樣式表”或“級(jí)聯(lián)樣式表”，它是用來(lái)控制一個(gè)文檔中某一文本區(qū)域外觀的一組格式屬性。CSS樣式可以定義在HTML文檔中的標(biāo)記里，也可以在外部附加文檔作為外加文檔。這樣，一個(gè)樣式表就可以用于多個(gè)頁(yè)面，甚至整個(gè)站點(diǎn)，當(dāng)CSS樣式有所更新或被修改之后，所有應(yīng)用了該樣式表的文檔都會(huì)被自動(dòng)更新，所以CSS具有更好的易用性和擴(kuò)展性。

概括一下，CSS有以下特點(diǎn)：（1）可以將格式和結(jié)構(gòu)分離；（2）可以以前所未有的能力控制頁(yè)面布局；（3）可以制作體積更小、下載更快的網(wǎng)頁(yè)；（4）可以將許多網(wǎng)頁(yè)同時(shí)更新，比以前更快更容易；（5）瀏覽器的界面更友好。3.8.2CSS的基本語(yǔ)法CSS樣式表的基本語(yǔ)法為：HTML標(biāo)志{標(biāo)志屬性：屬性值；標(biāo)志屬性：屬性值；標(biāo)志屬性：屬性值；……}。在編寫(xiě)CSS樣式表時(shí)要注意以下問(wèn)題：（1）在使用樣式表的過(guò)程中，經(jīng)常會(huì)有幾個(gè)標(biāo)志用到同一屬性，例如規(guī)定HTML頁(yè)面中凡是粗體字、斜體字、1號(hào)標(biāo)題字均顯示為紅色，按照語(yǔ)法方式應(yīng)書(shū)寫(xiě)為：B{color：red}I{color：red}H1{color：red}顯然這樣書(shū)寫(xiě)十分麻煩，可以采用一種簡(jiǎn)潔明了的方式寫(xiě)成：B?I?H1{color：red}用逗號(hào)分隔各個(gè)HTML標(biāo)志，把三行代碼合并成一行。（2）同一個(gè)HTML標(biāo)志，可以定義多種屬性，例如把從H1~H6各級(jí)標(biāo)題定義為紅色黑體字，帶下劃線，則應(yīng)寫(xiě)為：H1?H2?H3?H4?H5?H6{color：red﹔text–decoration：underline﹔font–family：＂黑體＂}（3）一種樣式在一個(gè)頁(yè)面中需要出現(xiàn)很多次，這種情況會(huì)經(jīng)常發(fā)生，例如網(wǎng)頁(yè)中需要經(jīng)常出現(xiàn)紅色的文本，而又不希望每次給文本加上一個(gè)樣式，可以定義如下樣式：.red{color:red;}。在頁(yè)面設(shè)計(jì)中，一旦需要出現(xiàn)紅色文本，只需要通過(guò)名稱(chēng)的指派就可以使當(dāng)前對(duì)象中的文本應(yīng)用樣式，例如<pclass="red">…</p>。（4）在CSS中，注釋以“/*”開(kāi)始，以“*/”結(jié)束，注釋里面的內(nèi)容對(duì)于瀏覽器來(lái)說(shuō)是沒(méi)有意義的。3.8.3CSS的實(shí)現(xiàn)方式CSS的實(shí)現(xiàn)方式有3種。1.在HEAD內(nèi)實(shí)現(xiàn)用這種實(shí)現(xiàn)方式的CSS也叫內(nèi)部樣式表(InternalStyleSheet)，它是寫(xiě)在HTML的<head></head>里面的，只對(duì)所在的網(wǎng)頁(yè)有效。內(nèi)部樣式表要用到Style這個(gè)標(biāo)記，寫(xiě)法如下：<Styletype="text/css">┅┅</Style>例如：<Styletype="text/css">H1{font-family:"黑體";color:red}</Style>其中，<Style>和</Style>之間的是樣式的內(nèi)容。type一項(xiàng)表示使用的是text中的層疊樣式表書(shū)寫(xiě)的代碼。{}前面的是樣式類(lèi)型和名稱(chēng)，{}中的是樣式的屬性。上述代碼定義了<H1>標(biāo)記使用的字體和顏色?！纠?-22】?jī)?nèi)部樣式表的應(yīng)用。2.在BODY內(nèi)實(shí)現(xiàn)用這種實(shí)現(xiàn)方式的CSS也叫內(nèi)嵌樣式(InlineStyle)，它是在BODY中實(shí)現(xiàn)，主要是在標(biāo)記中引用，只對(duì)所在的標(biāo)記有效。例如要讓H3標(biāo)記的字體的大小為10pt，可以使用下面的語(yǔ)法：<h3style="font-size:10pt">，這樣的寫(xiě)法雖然直觀，但是無(wú)法體現(xiàn)出CSS的優(yōu)勢(shì)，因此并不推薦使用。

【例3-23】?jī)?nèi)嵌樣式的應(yīng)用。3.在文件外實(shí)現(xiàn)用這種實(shí)現(xiàn)方式的CSS也叫外部樣式表(ExternalStyleSheet)，如果很多網(wǎng)頁(yè)需要用到同樣的樣式，可以將樣式寫(xiě)在一個(gè)以.css為后綴的CSS文件里，然后在每個(gè)需要用到這些樣式的網(wǎng)頁(yè)里引用這個(gè)CSS文件。外部樣式表調(diào)用格式是：<linkhref="style.css"rel="stylesheet"type="text/css">。

【例3-24】外部樣式表的應(yīng)用。4．3種CSS的實(shí)現(xiàn)方式的比較樣式的優(yōu)先級(jí)依次是內(nèi)嵌樣式、內(nèi)部樣式表、外部樣式表。使用外部樣式表，相對(duì)于內(nèi)嵌樣式和內(nèi)部樣式表，有以下優(yōu)點(diǎn)：（1）樣式代碼可以復(fù)用。一個(gè)外部CSS文件，可以被多個(gè)網(wǎng)頁(yè)共用。（2）便于修改。如果要修改樣式，只需要修改CSS文件，而不需要修改每個(gè)網(wǎng)頁(yè)。（3）提高網(wǎng)頁(yè)顯示的速度。如果樣式寫(xiě)在網(wǎng)頁(yè)里，會(huì)降低網(wǎng)頁(yè)顯示的速度，如果網(wǎng)頁(yè)引用一個(gè)CSS文件，這個(gè)CSS文件一般已經(jīng)在緩存區(qū)(其它網(wǎng)頁(yè)早已經(jīng)引用過(guò)它)，網(wǎng)頁(yè)顯示的速度就比較快。

3.9HTML綜合實(shí)例

【例3-25】用HTML語(yǔ)言編寫(xiě)如圖3-25所示的一個(gè)簡(jiǎn)單網(wǎng)站的首頁(yè)。3.10其他網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言簡(jiǎn)介除了HTML，與網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的程序語(yǔ)言主要有以下幾種。1．XML語(yǔ)言2．VRML語(yǔ)言3．CSS語(yǔ)言4．瀏覽器Script腳本語(yǔ)言5．服務(wù)器端的Script腳本語(yǔ)言6．DHTML語(yǔ)言第2章創(chuàng)建本地虛擬站點(diǎn)準(zhǔn)備工作2.1站點(diǎn)管理器2.2定義新站點(diǎn)2.3創(chuàng)建文件夾和空白頁(yè)面2.4站點(diǎn)管理器的其他功能2.52.1準(zhǔn)備工作2.1.1了解網(wǎng)站的服務(wù)群體2.1.2確定網(wǎng)站的主題2.1.3畫(huà)出結(jié)構(gòu)草圖2.1.4確定網(wǎng)站命名規(guī)則2.1.1了解網(wǎng)站的服務(wù)群體作為網(wǎng)站的設(shè)計(jì)者，首先要了解網(wǎng)站的服務(wù)群體。網(wǎng)站的服務(wù)群體包括兩個(gè)方面：擁有者和訪問(wèn)者。擁有者可能是公司、學(xué)校、醫(yī)院、政府或個(gè)人等，網(wǎng)站的設(shè)計(jì)者必須了解他們的目的以及如何達(dá)到他們的目的；同時(shí)還要考慮訪問(wèn)者，這是網(wǎng)站的生存條件。使網(wǎng)站易于訪問(wèn)，除了鮮明的主題、漂亮的外觀、豐富的內(nèi)容外，還要注意創(chuàng)建清晰的導(dǎo)航，使訪問(wèn)者通過(guò)單擊鼠標(biāo)就能夠看到想要看的信息。只有把上述內(nèi)容體現(xiàn)在網(wǎng)站的設(shè)計(jì)理念中，所創(chuàng)建的網(wǎng)站才會(huì)是一個(gè)成功的網(wǎng)站。2.1.2確定網(wǎng)站的主題不論制作何類(lèi)網(wǎng)頁(yè)，主題的確定一般應(yīng)遵循以下幾方面的原則。（1）網(wǎng)站的名稱(chēng)要切題、有特色、好記。（2）題材要專(zhuān)而精。2.1.3畫(huà)出結(jié)構(gòu)草圖畫(huà)結(jié)構(gòu)圖時(shí)一般要參考以下3個(gè)因素。（1）首頁(yè)：首頁(yè)一般包括網(wǎng)站的名稱(chēng)及標(biāo)記、各分支的導(dǎo)航按鈕、內(nèi)容要點(diǎn)提示、電子郵件、地址等內(nèi)容。（2）分支頁(yè)面：分支頁(yè)面的內(nèi)容要相對(duì)獨(dú)立，切忌重復(fù)。（3）不要遺漏內(nèi)容。2.1.4確定網(wǎng)站命名規(guī)則文件的命名一般遵循以下4個(gè)原則。（1）漢語(yǔ)拼音。（2）拼音縮寫(xiě)。（3）英文縮寫(xiě)。（4）英文原義。2.2站點(diǎn)管理器

2.3定義新站點(diǎn)

通過(guò)定義站點(diǎn)可以設(shè)置是直接在服務(wù)器端編輯，還是采用在本地計(jì)算機(jī)中存放網(wǎng)頁(yè)文件的根目錄并設(shè)置與遠(yuǎn)程服務(wù)器進(jìn)行數(shù)據(jù)傳遞的方式等。定義站點(diǎn)就像是為一個(gè)即將開(kāi)始的項(xiàng)目命名，并做好基礎(chǔ)工作，使各項(xiàng)工作按部就班有序進(jìn)行。2.4創(chuàng)建文件夾和空白頁(yè)面2.4.1創(chuàng)建文件夾2.4.2創(chuàng)建首頁(yè)文件2.4.3在站點(diǎn)地圖中新建文件2.4.4在文件列表窗口中新建文件2.4.1創(chuàng)建文件夾網(wǎng)站內(nèi)每個(gè)分支的所有文件被統(tǒng)一存放在單獨(dú)的文件夾內(nèi)，根據(jù)包含文件的多少，又可以細(xì)分到子文件夾里。圖像文件、數(shù)據(jù)庫(kù)文件都分別存放于特定的文件夾里?？傊?，合理地使用文件夾來(lái)管理網(wǎng)站內(nèi)的文件，可以使網(wǎng)站有條不紊，易于維護(hù)管理。2.4.1創(chuàng)建文件夾2.4.2創(chuàng)建首頁(yè)文件2.4.3在站點(diǎn)地圖中新建文件2.4.4在文件列表窗口中新建文件2.5站點(diǎn)管理器的其他功能2.5.1站點(diǎn)地圖布局2.5.2保存站點(diǎn)地圖2.5.1站點(diǎn)地圖布局2.5.2保存站點(diǎn)地圖小結(jié)

本章主要介紹了設(shè)計(jì)網(wǎng)站的一些準(zhǔn)備工作及與站點(diǎn)管理有關(guān)的各項(xiàng)功能的使用，按步驟定義了一個(gè)新站點(diǎn)，然后在站點(diǎn)地圖中創(chuàng)建了各分支頁(yè)面。如果能夠得到一個(gè)與事先畫(huà)出的結(jié)構(gòu)草圖結(jié)構(gòu)相一致的站點(diǎn)地圖，就說(shuō)明準(zhǔn)備工作是成功的，否則要對(duì)照結(jié)構(gòu)草圖查找問(wèn)題。單元2制作基本頁(yè)面操作演練1.2技術(shù)提升1.3操作準(zhǔn)備1.1考核評(píng)價(jià)1.4操作準(zhǔn)備1.1操作準(zhǔn)備1.1操作準(zhǔn)備1.1操作準(zhǔn)備1.1操作準(zhǔn)備2.1操作演練1.2操作演練1.2操作演練1.2操作演練1.2操作演練1.2操作演練2.2技術(shù)提升1.3技術(shù)提升1.3技術(shù)提升2.3考核評(píng)價(jià)1.4考核評(píng)價(jià)2.4網(wǎng)頁(yè)中的基本組成元素有文字、圖像和動(dòng)畫(huà)等，網(wǎng)站中的基本頁(yè)面主要包括文本網(wǎng)頁(yè)、圖文混排網(wǎng)頁(yè)和、文混排網(wǎng)頁(yè)等。本單元通過(guò)制作文本網(wǎng)頁(yè)、圖文混排網(wǎng)頁(yè)和表文混排網(wǎng)頁(yè)，學(xué)會(huì)新建網(wǎng)頁(yè)文檔、設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性、在網(wǎng)頁(yè)中輸入與編輯文本、對(duì)網(wǎng)頁(yè)文本進(jìn)行格式化處理、添加編輯列表、插入與編輯圖像、插入與設(shè)置表格等操作?！窘虒W(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會(huì)新建網(wǎng)頁(yè)文檔和設(shè)置網(wǎng)頁(yè)的頁(yè)面屬性（2）學(xué)會(huì)在網(wǎng)頁(yè)中輸入文字、編輯文本、設(shè)置文本屬性（3）學(xué)會(huì)在網(wǎng)頁(yè)中插入空格、文本換行符和特殊字符（4）學(xué)會(huì)在網(wǎng)頁(yè)中添加與編輯項(xiàng)目列表、編號(hào)列表和定義列表（5）學(xué)會(huì)在網(wǎng)頁(yè)中插入與編輯圖像、設(shè)置圖像屬性（6）熟悉制作圖文混排網(wǎng)頁(yè)的技巧（7）學(xué)會(huì)正確地插入表格，并合理地設(shè)置表格的屬性（8）學(xué)會(huì)單元格的合并、拆分、插入和刪除等操作（9）學(xué)會(huì)正確地設(shè)置表格中行和列的屬性（10）學(xué)會(huì)正確設(shè)置表格、單元格的背景圖像和背景顏色（11）學(xué)會(huì)正確地在表格中輸入文字、插入圖像并定位（12）了解網(wǎng)頁(yè)中文本、列表、圖像等網(wǎng)頁(yè)元素樣式屬性的定義（13）了解網(wǎng)頁(yè)中Div標(biāo)簽的插入方法，了解網(wǎng)頁(yè)中CSS樣式的簡(jiǎn)單應(yīng)用（14）了解在網(wǎng)頁(yè)中插入Flash動(dòng)畫(huà)的方法【2.1操作準(zhǔn)備】1．創(chuàng)建所需的文件夾，拷貝所需的資源。2．創(chuàng)建站點(diǎn)。3．熟悉新建網(wǎng)頁(yè)文檔的方法?！?.2操作演練】【任務(wù)2-1】新建網(wǎng)頁(yè)文檔0201.html與設(shè)置頁(yè)面屬性【任務(wù)描述】（1）新建一個(gè)網(wǎng)頁(yè)文檔，保存在文件夾“2-1”中，命名為“0201.html”。（2）網(wǎng)頁(yè)的“外觀”屬性設(shè)置要求如下所示。網(wǎng)頁(yè)的“頁(yè)面字體”設(shè)置為“宋體”。“大小”設(shè)置為“12px”；“文本顏色”設(shè)置為“#333”，“背景顏色”設(shè)置為“#ccf2f1”；“左邊距”和“右邊距”設(shè)置為“30px”，“上邊距”和“下過(guò)距”設(shè)置為“10px”。（3）網(wǎng)頁(yè)的“標(biāo)題”屬性設(shè)置要求如下所示。網(wǎng)頁(yè)的標(biāo)題字體設(shè)置為“黑體”，標(biāo)題1的大小為“24px”，顏色為“#0000ff”；標(biāo)題2的大小為“18px”，顏色為“#ff00ff”；標(biāo)題3的大小為“14px”，顏色為“black”。（4）網(wǎng)頁(yè)的“標(biāo)題/編碼”屬性設(shè)置要求如下所示。網(wǎng)頁(yè)的標(biāo)題設(shè)置為“標(biāo)準(zhǔn)快遞-配送方式-幫助中心-易購(gòu)網(wǎng)”，文檔類(lèi)型為“XHTML1.0Transitional”，編碼為“簡(jiǎn)體中文(GB2312)”?！救蝿?wù)實(shí)施】1．創(chuàng)建網(wǎng)頁(yè)文檔且保存2．打開(kāi)【頁(yè)面屬性】對(duì)話框3．設(shè)置“外觀”屬性（1）在【頁(yè)面屬性】對(duì)話框左邊“分類(lèi)”列表中選擇“外觀（CSS）”。（2）設(shè)置頁(yè)面字體。（3）設(shè)置頁(yè)面字體大小。從字體大小列表框中單擊選擇12，其單位為“像素(px)”。（4）設(shè)置網(wǎng)頁(yè)的文本顏色。（5）設(shè)置網(wǎng)頁(yè)的背景顏色。（6）設(shè)置頁(yè)面邊距。4．設(shè)置“標(biāo)題”屬性（1）打開(kāi)【頁(yè)面屬性】”對(duì)話框，左邊“分類(lèi)”列表中選擇“標(biāo)題”。（2）在“標(biāo)題字體”列表框中選擇“黑體”，如果字體下拉列表框中沒(méi)有列出所需的字體，可以單擊列表框中的最后一項(xiàng)“編輯字體列表…”，添加所需的字體。（3）在“標(biāo)題3”的“大小”列表框中選擇“14”，單位默認(rèn)為“像素(px)”，顏色文本框中輸入“black”。5．設(shè)置“標(biāo)題/編碼”屬性（1）打開(kāi)【頁(yè)面屬性】對(duì)話框，左邊“分類(lèi)”列表中選擇“標(biāo)題/編碼”。（2）在“標(biāo)題”文本框中輸入“標(biāo)準(zhǔn)快遞-配送方式-幫助中心-易購(gòu)網(wǎng)”。（3）在“文檔類(lèi)型”列表框中選擇“XHTML1.0Transitional”。（4）在“編碼”列表框中選擇“簡(jiǎn)體中文(GB2312)”，將網(wǎng)頁(yè)的文字編碼設(shè)置成中文。6．保存網(wǎng)頁(yè)的屬性設(shè)置單擊“標(biāo)準(zhǔn)”工具欄中的【保存】按鈕或【全部保存】按鈕，保存網(wǎng)頁(yè)的屬性設(shè)置?！救蝿?wù)2-2】在網(wǎng)頁(yè)中輸入與編輯文本【任務(wù)描述】（1）在網(wǎng)頁(yè)0201.html中輸入如圖2-12所示的多個(gè)標(biāo)題和多行文本。圖2-12網(wǎng)頁(yè)0201.html中的文本內(nèi)容（2）將網(wǎng)頁(yè)中的文本標(biāo)題“標(biāo)準(zhǔn)快遞收費(fèi)標(biāo)準(zhǔn)”和“服務(wù)說(shuō)明”設(shè)置為“標(biāo)題3”。（3）將網(wǎng)頁(yè)中第2行的文字“標(biāo)準(zhǔn)快遞”設(shè)置為粗體。網(wǎng)頁(yè)0201.html的瀏覽效果如圖2-13所示。圖2-13網(wǎng)頁(yè)0201.html的瀏覽效果【任務(wù)實(shí)施】1．在網(wǎng)頁(yè)0201.html中輸入文本（1）確定文字輸入位置（2）輸入標(biāo)題文本（3）輸入空格和文本（4）插入特殊字符（5）保存所輸入的文本2．編輯網(wǎng)頁(yè)中的文本在網(wǎng)頁(yè)中輸入的文本與Word一樣，也能進(jìn)行編輯，常見(jiàn)的文本編輯操作有：（1）拖動(dòng)鼠標(biāo)選中一個(gè)或多個(gè)文字、一行或多行文本，也可以選中網(wǎng)頁(yè)中的全部文本。（2）按BackSpace鍵或Delete鍵實(shí)現(xiàn)刪除文本操作。（3）將光標(biāo)移動(dòng)到需要插入文本的位置，輸入新的文本。（4）實(shí)現(xiàn)復(fù)制、剪切、粘貼等操作。（5）實(shí)現(xiàn)查找與替換操作。（6）實(shí)現(xiàn)撤消或重做操作。

3．格式化網(wǎng)頁(yè)中的文本（1）顯示【屬性】面板。（2）設(shè)置網(wǎng)頁(yè)文本標(biāo)題的格式屬性。（3）設(shè)置網(wǎng)頁(yè)中第2行的文字“標(biāo)準(zhǔn)快遞”為粗體。（4）保存對(duì)網(wǎng)頁(yè)文本的格式設(shè)置。4．瀏覽網(wǎng)頁(yè)效果

按快捷鍵F12，網(wǎng)頁(yè)的瀏覽效果如圖2-13所示?！救蝿?wù)2-3】在網(wǎng)頁(yè)中添加與編輯列表【任務(wù)描述】（1）新建1個(gè)網(wǎng)頁(yè)0202.html，在該網(wǎng)頁(yè)中輸入多行文字，且設(shè)置其格式。（2）將網(wǎng)頁(yè)中“新手指南”的相關(guān)內(nèi)容設(shè)置為項(xiàng)目列表。（3）將網(wǎng)頁(yè)中“配送方式”的相關(guān)內(nèi)容設(shè)置為定義列表。網(wǎng)頁(yè)0202.html的瀏覽效果如圖2-20所示。圖2-20網(wǎng)頁(yè)0202.html的瀏覽效果【任務(wù)實(shí)施】1．創(chuàng)建網(wǎng)頁(yè)文檔且進(jìn)行保存。2．在網(wǎng)頁(yè)0202.html中輸入文本且進(jìn)行編輯。3．設(shè)置文本格式。選擇網(wǎng)頁(yè)0202.html中的第1行文字“幫助信息helpinfo”，將其設(shè)置為“標(biāo)題3”，然后將第2行文字“新手指南”設(shè)置為“標(biāo)題4”。4．設(shè)置項(xiàng)目列表。選中網(wǎng)頁(yè)中第3行（會(huì)員注冊(cè)）至第8行中的文字（會(huì)員協(xié)議），單擊菜單命令【格式】→【列表】→【項(xiàng)目列表】，如圖2-22所示，將所選中的文本設(shè)置為項(xiàng)目列表。5．設(shè)置定義列表。選中網(wǎng)頁(yè)中的第10行至第14行的項(xiàng)目列表文字，在【文本】插入工具欄中單擊【dd定義說(shuō)明】按鈕，將所選中的文本設(shè)置為“定義說(shuō)明”。6．保存網(wǎng)頁(yè)與瀏覽網(wǎng)頁(yè)效果。保存網(wǎng)頁(yè)0202.html，然后按快捷鍵F12，網(wǎng)頁(yè)的瀏覽效果如圖2-20所示。【任務(wù)2-4】在網(wǎng)頁(yè)中插入與編輯圖像【任務(wù)描述】（1）新建1個(gè)網(wǎng)頁(yè)0203.html.。（2）設(shè)置網(wǎng)頁(yè)0203.html的背景圖像為“02bg.gif”。（3）在網(wǎng)頁(yè)0203.html中輸入必要的文字。（4）在網(wǎng)頁(yè)0203.html中插入圖像logo.jpg，且設(shè)置其屬性：寬為183px，高為57px，

溫馨提示

  • 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)論