第十一章網(wǎng)頁制作初識(shí)11.1概述11.2超文本鏈接標(biāo)識(shí)語言11.3frontpage應(yīng)用11.4frontpage高級(jí)應(yīng)用11.5網(wǎng)站發(fā)布與管理第十一章網(wǎng)頁制作初識(shí)11.1概述11.1概述網(wǎng)頁的基本要素(1)文字

文字是網(wǎng)頁發(fā)布信息所用的主要形式，由文字制作出的網(wǎng)頁占用空間小，但純文字網(wǎng)頁，又會(huì)給人帶來死板不活潑的感覺，所以，文字性網(wǎng)頁一定要注意編排，包括標(biāo)題得字型字號(hào)，內(nèi)容的層次樣式，是否需要變換顏色進(jìn)行點(diǎn)綴等等。標(biāo)題字號(hào)字型11.1概述網(wǎng)頁的基本要素(2)圖形菜單按鈕背景圖形鏈接標(biāo)志交互功能

(2)圖形一、網(wǎng)頁制作工具1．超文本標(biāo)識(shí)語言（HTML）

HTML（HypertextMarkupLanguage）是一種專門用于Web頁制作的編程語言，用來描述超文本各個(gè)部分的內(nèi)容，告訴瀏覽器如何顯示文本，怎樣生成與別的文本或圖像的鏈接點(diǎn)。2．FrontPage

FrontPage是由Microsoft公司推出的新一代Web網(wǎng)頁制作工具。FrontPage使網(wǎng)頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網(wǎng)頁，具有直觀的網(wǎng)頁制作和管理方法，簡化了大量工作。3．Dreamweaver

Dreamweaver是由Macromedia公司推出的一款在網(wǎng)頁制作方面大眾化的軟件，它具有可視化編輯界面，用戶不必編寫復(fù)雜的HTML源代碼就可以生成跨平臺(tái)、跨瀏覽器的網(wǎng)頁，不僅適合于專業(yè)網(wǎng)頁編輯人員的需要，同時(shí)也容易被業(yè)余網(wǎng)友們所掌握。

11.1.3網(wǎng)頁制作和美化工具一、網(wǎng)頁制作工具11.1.3網(wǎng)頁制作和美化工具二、網(wǎng)頁美化工具1．Photoshop

Photoshop是由Adobe公司開發(fā)的圖形處理軟件，它功能完善、性能穩(wěn)定、使用方便，所以在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面制作工具。2．Fireworks

Fireworks是由Macromedia公司開發(fā)的圖形處理工具，是第一套專門為制作網(wǎng)頁圖形而設(shè)計(jì)的軟件，同時(shí)也是專業(yè)的網(wǎng)頁圖形設(shè)計(jì)及制作的解決方案。3．Flash

Flash是美國Macromedia公司開發(fā)的矢量圖形編輯和動(dòng)畫創(chuàng)作的專業(yè)軟件，是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂、聲效、動(dòng)畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果。Flash廣泛應(yīng)用于網(wǎng)頁動(dòng)畫制作、教學(xué)動(dòng)畫演示、網(wǎng)上購物、在線游戲等的制作中。

二、網(wǎng)頁美化工具一、準(zhǔn)備工作1．收集整理資料2．準(zhǔn)備素材3．內(nèi)容規(guī)劃二、整體規(guī)劃進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和設(shè)計(jì)其結(jié)構(gòu)。以確保文件內(nèi)容條理清楚、結(jié)構(gòu)合理，這樣不僅可以很好地體現(xiàn)設(shè)計(jì)者的意圖，也將使網(wǎng)站可維護(hù)性與可擴(kuò)展性增強(qiáng)。11.1.4網(wǎng)頁制作的基本步驟一、準(zhǔn)備工作11.1.4網(wǎng)頁制作的基本步驟主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級(jí)標(biāo)題二級(jí)標(biāo)題層狀結(jié)構(gòu)①層狀結(jié)構(gòu)

層狀結(jié)構(gòu)類似于目錄系統(tǒng)的樹型結(jié)構(gòu)，由網(wǎng)站文件的主頁開始，依次劃分為一級(jí)標(biāo)題、二級(jí)標(biāo)題等等，逐級(jí)細(xì)化，直至提供給瀏覽者具體信息。

主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級(jí)標(biāo)題二級(jí)②線性結(jié)構(gòu)線性結(jié)構(gòu)（如圖1.9所示）類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個(gè)網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點(diǎn)，使網(wǎng)站文件既具有條理性、規(guī)范性，又可同時(shí)滿足設(shè)計(jì)者和瀏覽者的要求。主頁頁面1頁面2頁面3線性結(jié)構(gòu)②線性結(jié)構(gòu)主頁頁頁頁線性結(jié)構(gòu)③Web結(jié)構(gòu)Web結(jié)構(gòu)（如圖1.10所示）類似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁之間形成網(wǎng)狀連接，允許用戶隨意瀏覽。主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面8一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.10Web結(jié)構(gòu)頁面6③Web結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面三、網(wǎng)頁設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作

在開始制作網(wǎng)頁之前，建議應(yīng)用少量時(shí)間對自己要制作的主頁進(jìn)行總體設(shè)計(jì)，例如希望主頁是怎樣的風(fēng)格，應(yīng)該放一些什么信息，其他網(wǎng)頁如何設(shè)計(jì)，分幾層來處理等等。（1）應(yīng)根據(jù)網(wǎng)站的訪問者對象、要提供的信息以及制作目標(biāo)得出一個(gè)最適合的網(wǎng)頁架構(gòu)。（2）每頁排版不要太松散或用太大的字，盡量避免訪問者瀏覽網(wǎng)頁時(shí)要作大幅度的滾動(dòng)，對于篇幅太長的一頁可以使用內(nèi)部鏈接解決。（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁，常用的分辨率是640×480及800×600。現(xiàn)在國內(nèi)的站點(diǎn)基本上都是800×600，但是如果主要是面向國外訪問者的站點(diǎn)，建議使用640×480。（4）不應(yīng)在每頁中插入太多的廣告。（5）不要每頁都采用不同的墻紙，采用相同的底色或墻紙還可以增強(qiáng)網(wǎng)頁一致性，以樹立自己的風(fēng)格。三、網(wǎng)頁設(shè)計(jì)與制作（6）底色或墻紙必須與文字對比強(qiáng)烈，以易于閱讀。（7）不要把圖片白色當(dāng)作透明，外，最好還是用圖片編輯工具將圖片設(shè)為透明顏色。2．為網(wǎng)頁的添加動(dòng)態(tài)效果

靜態(tài)網(wǎng)頁制作完成后，接下來的工作就是為網(wǎng)頁添加動(dòng)態(tài)效果，包括一些腳本語言程序和數(shù)據(jù)庫程序的設(shè)計(jì)，以及加入動(dòng)畫效果等。（6）底色或墻紙必須與文字對比強(qiáng)烈，以易于閱讀。四、測試網(wǎng)頁

當(dāng)網(wǎng)頁設(shè)計(jì)人員制作完所有網(wǎng)站頁面之后，需要對所設(shè)計(jì)的網(wǎng)頁進(jìn)行審查和測試，測試內(nèi)容包括功能性測試和完整性測試兩個(gè)方面。

五、網(wǎng)頁上傳發(fā)布

網(wǎng)頁設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)上，否則網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的服務(wù)器可以是遠(yuǎn)程，也可以是本地，但必須支持ASP，因?yàn)閯?dòng)態(tài)程序是建立在ASP基礎(chǔ)上的。四、測試網(wǎng)頁11.2超文本鏈接語言1.名詞網(wǎng)頁:是WWW的基本文檔，它是用HTML(HypertextMarkupLaguage即超文本標(biāo)識(shí)語言）編寫的。當(dāng)網(wǎng)頁中包含正常文本和HTML語言標(biāo)記時(shí)，瀏覽器會(huì)“翻譯”由這些HTML語言標(biāo)記提供的網(wǎng)頁結(jié)構(gòu)、外觀和內(nèi)容的信息，從而將網(wǎng)頁按設(shè)計(jì)者的要求顯示出來，而不是顯示一堆奇怪的標(biāo)記。

超文本:Hypertext,是把一些信息根據(jù)需要連接起來的信息管理技術(shù)，人們可以通過一個(gè)文本的鏈指針打開另一個(gè)相關(guān)的文本。首頁或主頁（HomePage）:進(jìn)入網(wǎng)站首先看到的那一頁稱首頁。11.2超文本鏈接語言1.名詞2.html文件的生成：.htm,.html3.html文件基本語法：<HTML><HEAD><TITLE>HTML編寫舉例</TITLE></HEAD><BODY><P>歡迎使用HTML語言編寫網(wǎng)頁！</P></BODY></HTML>2.html文件的生成：.htm,.html3.基本元素（1）TITLE元素（2）Hn元素（n為1～6的自然數(shù)）（3）P元素（4）List元素①無序列表（ul）②有序列表（ol）（5）Center元素3.基本元素4.網(wǎng)頁風(fēng)格的設(shè)置6.html（1）字體大小<fontsize=字號(hào)><fontsize=±n>（2）字體風(fēng)格字體風(fēng)格包括如下幾種類型。①<b>黑體。②<i>斜體。③<u>下劃線。④<tt>打字機(jī)體。（3）字體顏色8.html指定字體的顏色可以使用如下格式<fontcolor="#xxxxxx">text</font>（4）標(biāo)尺線（hr）標(biāo)尺線可用于分隔網(wǎng)頁的不同部分。指定標(biāo)尺線的格式如下。<hrsize=nwidth=malign=x><fontcolor="#xxxxxx">text</font>4.網(wǎng)頁風(fēng)格的設(shè)置6.html5.表格10.html（1）表格的基本形式一個(gè)表格由<table>開始，</table>結(jié)束，表的內(nèi)容由<tr>、<th>和<td>定義。·<tr>表示表格的行?！?lt;td>表示表格的列。·<th>表示表格的列的名稱，通常情況下可以使用<td>代替<th>。Border屬性說明表格是否有分隔線，通常在使用表格進(jìn)行網(wǎng)頁區(qū)域劃分時(shí)將border屬性設(shè)為零或者不使用border屬性。5.表格10.html①寬度和高度表格的寬度可以使用width屬性表示，表格的高度可以使用height屬性表示，其格式如下。<tableborderwidth=#height=#>②表格邊框?qū)挾缺砀竦倪吙驅(qū)挾扔蒪order屬性表示，其格式如下。<tableborder=#>③格間線寬度格與格之間的線為格間線，它的寬度可以使用<TABLE>中的CELLSPACING屬性加以調(diào)節(jié)。格式是：<tablecellspacing=#>#表示要取用的像素值①寬度和高度①文本和邊框的距離文本與邊框的距離使用cellpadding=#說明，其格式如下。<tablebordercellpadding=#>②文本在表格中的位置文本在表格中的橫向位置使用align=#說明，align屬性可修飾<tr>，<th>和<td>元素，其格式如下。<tralign=#><thalign=#><tdalign=#>①文本和邊框的距離6.超鏈接標(biāo)記超文本鏈接（HypertextLink）通常稱為超鏈接（Hyperlink）或者簡稱為鏈接（Link）<ahref＝”URL”>…</a>7.多媒體標(biāo)記(1)插入圖像<IMGSRC="圖形文件地址">6.超鏈接標(biāo)記7．圖像作為網(wǎng)頁的背景使用圖像作為網(wǎng)頁背景的語句如下：<bodybackground="ImageName">8．在文檔中鏈接聲音或視頻文件<ahref="sound1.wav">鏈接聲音文件</a></p>

7．圖像作為網(wǎng)頁的背景11.3FrontPage2003基本操作一、FrontPage2003的界面四種視圖:“設(shè)計(jì)”、“拆分”、“代碼”和“預(yù)覽”新建網(wǎng)頁打開網(wǎng)頁保存網(wǎng)頁11.3FrontPage2003基本操作一、Front網(wǎng)頁框架：容器框架和其他框架（1）框架網(wǎng)頁的建立（2）框架網(wǎng)頁的編輯（3）框架網(wǎng)頁的保存二、網(wǎng)頁框架網(wǎng)頁框架：容器框架和其他框架二、網(wǎng)頁框架三、表格布局使用“布局表格和單元格”進(jìn)行布局三、表格布局使用“布局表格和單元格”進(jìn)行布局四、網(wǎng)頁橫幅1.插入網(wǎng)頁橫幅2.插入圖片3.插入文字四、網(wǎng)頁橫幅1.插入網(wǎng)頁橫幅五、插入超級(jí)鏈接1.選定文字或圖片2.選定鏈接五、插入超級(jí)鏈接1.選定文字或圖片11.3.4高級(jí)應(yīng)用1.添加滾動(dòng)字幕2.插入網(wǎng)站計(jì)數(shù)器3.使用圖片4.設(shè)置背景色5.多媒體元素的添加:背景音樂11.3.4高級(jí)應(yīng)用1.添加滾動(dòng)字幕11.3.5網(wǎng)站發(fā)布11.3.5網(wǎng)站發(fā)布網(wǎng)站的規(guī)劃文件的組織：不同用途的文件分別組織在不同類型的文件夾下。素材的組織：需要的素材需要采用相對路徑的方式進(jìn)行組織。網(wǎng)站的規(guī)劃文件的組織：不同用途的文件分別組織在不同類型的文件第十一章網(wǎng)頁制作初識(shí)11.1概述11.2超文本鏈接標(biāo)識(shí)語言11.3frontpage應(yīng)用11.4frontpage高級(jí)應(yīng)用11.5網(wǎng)站發(fā)布與管理第十一章網(wǎng)頁制作初識(shí)11.1概述11.1概述網(wǎng)頁的基本要素(1)文字

文字是網(wǎng)頁發(fā)布信息所用的主要形式，由文字制作出的網(wǎng)頁占用空間小，但純文字網(wǎng)頁，又會(huì)給人帶來死板不活潑的感覺，所以，文字性網(wǎng)頁一定要注意編排，包括標(biāo)題得字型字號(hào)，內(nèi)容的層次樣式，是否需要變換顏色進(jìn)行點(diǎn)綴等等。標(biāo)題字號(hào)字型11.1概述網(wǎng)頁的基本要素(2)圖形菜單按鈕背景圖形鏈接標(biāo)志交互功能

(2)圖形一、網(wǎng)頁制作工具1．超文本標(biāo)識(shí)語言（HTML）

HTML（HypertextMarkupLanguage）是一種專門用于Web頁制作的編程語言，用來描述超文本各個(gè)部分的內(nèi)容，告訴瀏覽器如何顯示文本，怎樣生成與別的文本或圖像的鏈接點(diǎn)。2．FrontPage

FrontPage是由Microsoft公司推出的新一代Web網(wǎng)頁制作工具。FrontPage使網(wǎng)頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網(wǎng)頁，具有直觀的網(wǎng)頁制作和管理方法，簡化了大量工作。3．Dreamweaver

Dreamweaver是由Macromedia公司推出的一款在網(wǎng)頁制作方面大眾化的軟件，它具有可視化編輯界面，用戶不必編寫復(fù)雜的HTML源代碼就可以生成跨平臺(tái)、跨瀏覽器的網(wǎng)頁，不僅適合于專業(yè)網(wǎng)頁編輯人員的需要，同時(shí)也容易被業(yè)余網(wǎng)友們所掌握。

11.1.3網(wǎng)頁制作和美化工具一、網(wǎng)頁制作工具11.1.3網(wǎng)頁制作和美化工具二、網(wǎng)頁美化工具1．Photoshop

Photoshop是由Adobe公司開發(fā)的圖形處理軟件，它功能完善、性能穩(wěn)定、使用方便，所以在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面制作工具。2．Fireworks

Fireworks是由Macromedia公司開發(fā)的圖形處理工具，是第一套專門為制作網(wǎng)頁圖形而設(shè)計(jì)的軟件，同時(shí)也是專業(yè)的網(wǎng)頁圖形設(shè)計(jì)及制作的解決方案。3．Flash

Flash是美國Macromedia公司開發(fā)的矢量圖形編輯和動(dòng)畫創(chuàng)作的專業(yè)軟件，是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂、聲效、動(dòng)畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果。Flash廣泛應(yīng)用于網(wǎng)頁動(dòng)畫制作、教學(xué)動(dòng)畫演示、網(wǎng)上購物、在線游戲等的制作中。

二、網(wǎng)頁美化工具一、準(zhǔn)備工作1．收集整理資料2．準(zhǔn)備素材3．內(nèi)容規(guī)劃二、整體規(guī)劃進(jìn)行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和設(shè)計(jì)其結(jié)構(gòu)。以確保文件內(nèi)容條理清楚、結(jié)構(gòu)合理，這樣不僅可以很好地體現(xiàn)設(shè)計(jì)者的意圖，也將使網(wǎng)站可維護(hù)性與可擴(kuò)展性增強(qiáng)。11.1.4網(wǎng)頁制作的基本步驟一、準(zhǔn)備工作11.1.4網(wǎng)頁制作的基本步驟主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級(jí)標(biāo)題二級(jí)標(biāo)題層狀結(jié)構(gòu)①層狀結(jié)構(gòu)

層狀結(jié)構(gòu)類似于目錄系統(tǒng)的樹型結(jié)構(gòu)，由網(wǎng)站文件的主頁開始，依次劃分為一級(jí)標(biāo)題、二級(jí)標(biāo)題等等，逐級(jí)細(xì)化，直至提供給瀏覽者具體信息。

主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級(jí)標(biāo)題二級(jí)②線性結(jié)構(gòu)線性結(jié)構(gòu)（如圖1.9所示）類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個(gè)網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點(diǎn)，使網(wǎng)站文件既具有條理性、規(guī)范性，又可同時(shí)滿足設(shè)計(jì)者和瀏覽者的要求。主頁頁面1頁面2頁面3線性結(jié)構(gòu)②線性結(jié)構(gòu)主頁頁頁頁線性結(jié)構(gòu)③Web結(jié)構(gòu)Web結(jié)構(gòu)（如圖1.10所示）類似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁之間形成網(wǎng)狀連接，允許用戶隨意瀏覽。主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面8一級(jí)標(biāo)題二級(jí)標(biāo)題圖1.10Web結(jié)構(gòu)頁面6③Web結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面三、網(wǎng)頁設(shè)計(jì)與制作1．靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作

在開始制作網(wǎng)頁之前，建議應(yīng)用少量時(shí)間對自己要制作的主頁進(jìn)行總體設(shè)計(jì)，例如希望主頁是怎樣的風(fēng)格，應(yīng)該放一些什么信息，其他網(wǎng)頁如何設(shè)計(jì)，分幾層來處理等等。（1）應(yīng)根據(jù)網(wǎng)站的訪問者對象、要提供的信息以及制作目標(biāo)得出一個(gè)最適合的網(wǎng)頁架構(gòu)。（2）每頁排版不要太松散或用太大的字，盡量避免訪問者瀏覽網(wǎng)頁時(shí)要作大幅度的滾動(dòng)，對于篇幅太長的一頁可以使用內(nèi)部鏈接解決。（3）切勿以800×600以上的分辨率設(shè)計(jì)網(wǎng)頁，常用的分辨率是640×480及800×600?，F(xiàn)在國內(nèi)的站點(diǎn)基本上都是800×600，但是如果主要是面向國外訪問者的站點(diǎn)，建議使用640×480。（4）不應(yīng)在每頁中插入太多的廣告。（5）不要每頁都采用不同的墻紙，采用相同的底色或墻紙還可以增強(qiáng)網(wǎng)頁一致性，以樹立自己的風(fēng)格。三、網(wǎng)頁設(shè)計(jì)與制作（6）底色或墻紙必須與文字對比強(qiáng)烈，以易于閱讀。（7）不要把圖片白色當(dāng)作透明，外，最好還是用圖片編輯工具將圖片設(shè)為透明顏色。2．為網(wǎng)頁的添加動(dòng)態(tài)效果

靜態(tài)網(wǎng)頁制作完成后，接下來的工作就是為網(wǎng)頁添加動(dòng)態(tài)效果，包括一些腳本語言程序和數(shù)據(jù)庫程序的設(shè)計(jì)，以及加入動(dòng)畫效果等。（6）底色或墻紙必須與文字對比強(qiáng)烈，以易于閱讀。四、測試網(wǎng)頁

當(dāng)網(wǎng)頁設(shè)計(jì)人員制作完所有網(wǎng)站頁面之后，需要對所設(shè)計(jì)的網(wǎng)頁進(jìn)行審查和測試，測試內(nèi)容包括功能性測試和完整性測試兩個(gè)方面。

五、網(wǎng)頁上傳發(fā)布

網(wǎng)頁設(shè)計(jì)好，必須把它發(fā)布到互連網(wǎng)上，否則網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的服務(wù)器可以是遠(yuǎn)程，也可以是本地，但必須支持ASP，因?yàn)閯?dòng)態(tài)程序是建立在ASP基礎(chǔ)上的。四、測試網(wǎng)頁11.2超文本鏈接語言1.名詞網(wǎng)頁:是WWW的基本文檔，它是用HTML(HypertextMarkupLaguage即超文本標(biāo)識(shí)語言）編寫的。當(dāng)網(wǎng)頁中包含正常文本和HTML語言標(biāo)記時(shí)，瀏覽器會(huì)“翻譯”由這些HTML語言標(biāo)記提供的網(wǎng)頁結(jié)構(gòu)、外觀和內(nèi)容的信息，從而將網(wǎng)頁按設(shè)計(jì)者的要求顯示出來，而不是顯示一堆奇怪的標(biāo)記。

超文本:Hypertext,是把一些信息根據(jù)需要連接起來的信息管理技術(shù)，人們可以通過一個(gè)文本的鏈指針打開另一個(gè)相關(guān)的文本。首頁或主頁（HomePage）:進(jìn)入網(wǎng)站首先看到的那一頁稱首頁。11.2超文本鏈接語言1.名詞2.html文件的生成：.htm,.html3.html文件基本語法：<HTML><HEAD><TITLE>HTML編寫舉例</TITLE></HEAD><BODY><P>歡迎使用HTML語言編寫網(wǎng)頁！</P></BODY></HTML>2.html文件的生成：.htm,.html3.基本元素（1）TITLE元素（2）Hn元素（n為1～6的自然數(shù)）（3）P元素（4）List元素①無序列表（ul）②有序列表（ol）（5）Center元素3.基本元素4.網(wǎng)頁風(fēng)格的設(shè)置6.html（1）字體大小<fontsize=字號(hào)><fontsize=±n>（2）字體風(fēng)格字體風(fēng)格包括如下幾種類型。①<b>黑體。②<i>斜體。③<u>下劃線。④<tt>打字機(jī)體。（3）字體顏色8.html指定字體的顏色可以使用如下格式<fontcolor="#xxxxxx">text</font>（4）標(biāo)尺線（hr）標(biāo)尺線可用于分隔網(wǎng)頁的不同部分。指定標(biāo)尺線的格式如下。<hrsize=nwidth=malign=x><fontcolor="#xxxxxx">text</font>4.網(wǎng)頁風(fēng)格的設(shè)置6.html5.表格10.html（1）表格的基本形式一個(gè)表格由<table>開始，</table>結(jié)束，表的內(nèi)容由<tr>、<th>和<td>定義?！?lt;tr>表示表格的行?！?lt;td>表示表格的列?！?lt;th>表示表格的列的名稱，通常情況下可以使用<td>代替<th>。Border屬性說明表格是否有分隔線，通常在使用表格進(jìn)行網(wǎng)頁區(qū)域劃分時(shí)將border屬性設(shè)為零或者不使用border屬性。5.表格10.html①寬度和高度表格的寬度可以使用width屬性表示，表格的高度可以使用height屬性表示，其格式如下。<tableborderwidth=#height=#>②表格邊框?qū)挾缺砀竦倪吙驅(qū)挾扔蒪order屬性表示，其格式如下。<tableborder=#>③格間線寬度格與格之間的線為格間線，它的寬度可以使用<TABLE>中的CELLSPACING屬性加以調(diào)節(jié)。格式是：<tablecellspacing=#>#表示要取用的像素值①寬度和高度①文本和邊框的距離文本與邊框的距離使用cellpadding