殷彤麗

（新疆烏魯木齊職業(yè)大學(xué)，新疆 烏魯木齊 830002）

基于HTML語言的網(wǎng)頁制作方法

殷彤麗

（新疆烏魯木齊職業(yè)大學(xué)，新疆 烏魯木齊 830002）

網(wǎng)頁是網(wǎng)絡(luò)的重要組成，對于網(wǎng)頁制作中的一些特殊需求，使用FrontPage等工具較難實現(xiàn)，需要對網(wǎng)頁有較為深入的了解并利用HTML語言實現(xiàn)網(wǎng)頁制作.

網(wǎng)頁；HTML語言；網(wǎng)頁制作

1 引言

網(wǎng)頁是網(wǎng)絡(luò)的重要組成，網(wǎng)絡(luò)依賴網(wǎng)頁與用戶進(jìn)行交互，實際上，網(wǎng)頁是利用一種由本地計算機(jī)解釋、運(yùn)行而不是利用網(wǎng)絡(luò)進(jìn)行解釋、運(yùn)行的多媒體載體，讓用戶使用的計算機(jī)來解釋網(wǎng)頁的原因很清楚，就是盡量避免讓網(wǎng)絡(luò)承受太多的負(fù)擔(dān)，這樣盡可能使得需要由網(wǎng)絡(luò)來傳輸?shù)男畔⒘孔钚』?基于以上考慮，發(fā)展了HTML語言，即超級文本標(biāo)記語言（Hypertext Markup Language）.目前有許多工具軟件進(jìn)行網(wǎng)頁設(shè)計，最常見也是最受人們歡迎的的如FrontPage等.在實際操作中，網(wǎng)頁制作是往往有一些特殊的需求，對于這些特殊需求如果還僅僅使用FrontPage等工具來制作網(wǎng)頁就比較難以得以實現(xiàn)，因此為了避免千篇一律，同時達(dá)到網(wǎng)頁制作中的一些特殊效果，就需要網(wǎng)頁制作者對網(wǎng)頁制作技術(shù)有比較深入的了解并利用HTML語言實現(xiàn)網(wǎng)頁制作.

HTML的意思是“超級文本標(biāo)記語言”，從其字面上已經(jīng)反映出HTML的特點，首先，HTML語言是一種文本，其次，HTML語言是標(biāo)記性的.也就是說，通過一系列的由文本構(gòu)成的特殊標(biāo)記，網(wǎng)絡(luò)制作者就可以制造能在網(wǎng)絡(luò)上進(jìn)行瀏覽的網(wǎng)頁.基于此思想，本文論述的就是如何不利用任何工具軟件（例如FrontPage等），純粹由網(wǎng)絡(luò)制作者手工編寫HTML語言代碼來構(gòu)建網(wǎng)頁，從而揭示網(wǎng)頁真正的面貌，提高網(wǎng)頁制作水平.

2 HTML語言簡介

我們使用ie瀏覽器隨意打開網(wǎng)絡(luò)上的某個網(wǎng)頁，點擊工具欄上“查看”，然后選擇“查看源文件”，這樣我們就可以看到該網(wǎng)頁的源代碼，網(wǎng)頁源代碼的內(nèi)容大體如下：

例如，我們打開最常用的百度主頁，點擊工具欄上“查看”并選擇“查看源文件”，就可以看到百度主頁的源代碼：

我們建立一個文本文件，命名為Test.txt，將百度主頁的源代碼的內(nèi)容拷貝到里面，保存關(guān)閉，然后將Test.txt的后綴改為Test.html或者Test.htm，這時發(fā)現(xiàn)Test.html或者Test.htm文件的圖標(biāo)已經(jīng)變?yōu)榫W(wǎng)頁的圖標(biāo)，顯然這是Windows系統(tǒng)自動的把我們創(chuàng)建的文件（文件的后綴名必須為html或者h(yuǎn)tm）變?yōu)榫W(wǎng)頁的圖標(biāo)，這時用IE來打開Test.html或者Test.htm，百度主頁變出現(xiàn)了.

掌握了HTML，我們編寫網(wǎng)頁就比較容易、簡單了.網(wǎng)頁的源代碼包括文本、標(biāo)記和一些注釋，其中網(wǎng)頁的源代碼中的文本是最簡單的，也最容易被閱讀者所理解，一般來說網(wǎng)頁的源代碼中的文本是需要向別人展示的內(nèi)容；標(biāo)記是網(wǎng)頁的源代碼中最重要也是最有技術(shù)含量的部分，需要網(wǎng)絡(luò)制作初學(xué)者花時間進(jìn)行專門學(xué)習(xí)，HTML標(biāo)記的作用對瀏覽器顯示標(biāo)記中書寫的文本進(jìn)行設(shè)置.HTML語言中里使用的關(guān)鍵字一般都是成對出現(xiàn)，例如，，前面一個標(biāo)記如和沒有斜杠“/”，這表示開始，后一個如和有斜杠“/”的表示結(jié)束，關(guān)鍵字html或body放在“<>”里面，一個網(wǎng)頁的整體就用來標(biāo)明，包含在兩個標(biāo)記內(nèi)的內(nèi)容是網(wǎng)頁，例如表示兩個標(biāo)記中的內(nèi)容是網(wǎng)頁的頭部，用標(biāo)明兩個標(biāo)記中是網(wǎng)頁的主體部分.HTML標(biāo)記包括兩種，一種是單獨標(biāo)記，另一種是成對標(biāo)記.單獨標(biāo)記是單獨使用的，不能用于格式化文本，例如
，
的作用是用于換行；成對標(biāo)記又叫容器，一個完整的HTML 成對標(biāo)記以“<”開頭，以“>”結(jié)尾.在 HTML文檔中，如果有實際需要，可以加入適當(dāng)?shù)淖⑨屢詫TML文檔使用“