第一部分HTML超文本標(biāo)記語(yǔ)言

1、HTML超文本標(biāo)記語(yǔ)言1HTML概述要把信息發(fā)布到全球，就必須要使用能夠被大眾接受的語(yǔ)言，也就是使用一種大多數(shù)計(jì)算機(jī)能夠識(shí)別的語(yǔ)言在Internet上，通常使用的發(fā)布語(yǔ)言是HTML（Hyper Text Makeup Language），即超文本標(biāo)識(shí)語(yǔ)言。2超文本描述語(yǔ)言HTML HTML（超文本標(biāo)記語(yǔ)言）是一種用于網(wǎng)頁(yè)制作的排版語(yǔ)言，是WED最基本的構(gòu)成元素。HTML并非一種編程語(yǔ)言HTML最早起源于SGML（標(biāo)準(zhǔn)通用化標(biāo)記語(yǔ)言）HTML的語(yǔ)法規(guī)則建立的文檔可以運(yùn)行在不同的操作系統(tǒng)的平臺(tái)上。因此HTML文檔屬于純文本文件。3HTML發(fā)展概述在20世紀(jì)90年代Web網(wǎng)絡(luò)的迅速興起，使得HTML

2、空前繁榮。當(dāng)時(shí)，HTML被發(fā)展成了許多不同的版本。出于解決這種混亂局面的考慮，迫切需要制定一個(gè)公認(rèn)的HTML語(yǔ)言規(guī)范1995年11月，Internet Engineering Task Force（IETF）整理了以前的各種版本，倡導(dǎo)并主持開發(fā)HTML2.0規(guī)范，同年推出HTML3.0技術(shù)規(guī)范。1996年，World Wide Web Consortium（W3C）的HTML Working Group開始組織編寫新的規(guī)范，于1997年1月推出了HTML3.2。在HTML3.2中做了許多重要改動(dòng)。到1999年下半年推出到現(xiàn)在依然使用的HTML4.0。4HTML的作用和編輯環(huán)境HTML語(yǔ)言作為一

3、種網(wǎng)頁(yè)編輯語(yǔ)言，易學(xué)易懂，能制作出精美的網(wǎng)頁(yè)效果，其作用如下:格式化文本創(chuàng)建列表插入圖象建立表格加入多媒體交互式表單等HTML的編輯環(huán)境很簡(jiǎn)單，任何一臺(tái)計(jì)算機(jī)都可以編輯網(wǎng)頁(yè)。只要用戶的計(jì)算機(jī)安裝的有瀏覽器，就可以看到自己設(shè)計(jì)的網(wǎng)頁(yè)。任何文本編輯器都可以來(lái)制作網(wǎng)頁(yè)。5HTML文件的結(jié)構(gòu)HTML是一種純文本文件，可以通過(guò)瀏覽器讀取HTML文件，并用瀏覽器內(nèi)含的語(yǔ)法分析器來(lái)解讀各種特殊標(biāo)記。一個(gè)HTML文件，可以由標(biāo)記，文字與圖形資料和統(tǒng)一資源定位器三部分組成。標(biāo)記是HTML的基本元素，基本標(biāo)記可分為單一標(biāo)簽和成對(duì)標(biāo)簽。文字與圖形資料是指提供給瀏覽器信息的人閱讀的內(nèi)容。統(tǒng)一資源定位器URL可以獲取所

4、指主機(jī)的主頁(yè)6專用的網(wǎng)頁(yè)編輯器專用的網(wǎng)頁(yè)編輯器主要分為三大類：完全的所見即所得工具純粹的HTML代碼編輯工具混合型工具7HTML結(jié)構(gòu)的標(biāo)記了解HTML的標(biāo)記受標(biāo)記影響的文本受影響的文本HTML注釋標(biāo)記HTML的基本結(jié)構(gòu)HTML文件以開頭，以結(jié)尾。HTML文件包括頭部（head）和主體(boay)8編輯和保存網(wǎng)頁(yè)用任何網(wǎng)頁(yè)編輯器都能編輯制作HTML文件打開記事本創(chuàng)建新文件并按HTML語(yǔ)言規(guī)則編輯（在HTML中，任何一個(gè)以上的空格，回車，TAB鍵產(chǎn)生的效果都將被忽略。）保存網(wǎng)頁(yè)（一定要保存成擴(kuò)展名為.HTML或.HTM的文件）9HTML的基本結(jié)構(gòu)HTML文件是由標(biāo)記和文本組成的標(biāo)記能夠產(chǎn)生各種不同

5、的效果。各種標(biāo)記的效果差別很大，但總的表示形式卻大同小異，大多數(shù)成對(duì)出受影響的文本標(biāo)記往往用“”括起，以表示這是HTML代碼而非普通文本。標(biāo)記也有不用結(jié)尾的，稱之單標(biāo)簽。每個(gè)標(biāo)記都有一系列的屬性受影響的文本與其他語(yǔ)言一樣HTML也有注釋標(biāo)記10HTML的基本結(jié)構(gòu)HTML文件以開頭，以結(jié)尾HTML文件包括頭部(head)和主體(boay)11文件結(jié)構(gòu)的格式標(biāo)記HTML文件標(biāo)記HTML文檔內(nèi)容HTML文件頭標(biāo)記頭部?jī)?nèi)容HTML文件標(biāo)題標(biāo)記標(biāo)題名HTML文件主體標(biāo)記12HTML頭部標(biāo)簽(head)網(wǎng)頁(yè)標(biāo)題關(guān)于META 13HTML頭部標(biāo)簽關(guān)于BASE 本文檔的原始地址。這樣，讀者下載你的文檔之后，也

6、可以知道是從哪里下載的。14加入背景聲音用標(biāo)記能在網(wǎng)頁(yè)中加入背景聲音：要加入背景聲音文件的格式為：.wav或.mid15定義鏈接顯示效果TEXT：設(shè)置文本的顏色。LINK：尚未被訪問(wèn)過(guò)的超文本鏈接的顏色。ALINK：超文本鏈接在被訪問(wèn)瞬間的顏色。VLINK：已訪問(wèn)過(guò)的超文本鏈接顏色。16設(shè)置背景顏色及圖案BACKGROUND：背景圖案，該圖案在頁(yè)面內(nèi)平鋪。背景圖案應(yīng)保持單一色調(diào)，以保證頁(yè)面文字易于閱讀。BGPROPERTIES：設(shè)置成FIXED，則背景圖案不滾動(dòng)。（只對(duì)INTERNET EXPLORER有效）BGCOLOR：背景色。17設(shè)置標(biāo)題格式頁(yè)面中的標(biāo)題格式與定義的網(wǎng)頁(yè)標(biāo)題不同，標(biāo)題格式

7、顯示在瀏覽器窗口內(nèi)，而不顯示在瀏覽器的標(biāo)題欄中。設(shè)置標(biāo)題的格式為：標(biāo)題align：left(左對(duì)齊)，center(居中)，right(右對(duì)齊)n:(1-6),1為最大，6為最小。18設(shè)置文字的大小及字體在頁(yè)面中為了增強(qiáng)層次，其中的字體可以使用不同的大小，字體，字型和顏色用標(biāo)記設(shè)置字號(hào)。設(shè)置文字大小的格式為：被設(shè)置的文字size:(1-7),1最小，7最大。face:設(shè)置字體。19設(shè)置字型字型就是文本的風(fēng)格，如加粗，斜體，帶下劃線，上標(biāo)，下標(biāo)等。加粗斜體下劃線刪除線上標(biāo)下標(biāo) 20設(shè)置文字的顏色設(shè)置文字的顏色有兩中方法。1.標(biāo)記中的text屬性受影響的文字2.標(biāo)記中的color屬性受影響的文字顏

8、色可以用相應(yīng)的英文單詞或以“#”引導(dǎo)的一個(gè)十六進(jìn)制數(shù)來(lái)表示。21強(qiáng)行換行標(biāo)記放在一行的末尾，可以使后面的文字換到下一行，而又不會(huì)在行與行之間留下空行，即強(qiáng)行換行。強(qiáng)制換行標(biāo)記的格式為：文字為非換行空格符號(hào)22強(qiáng)制換段標(biāo)記和設(shè)置段落標(biāo)記強(qiáng)制換段標(biāo)記的格式為：文字設(shè)置段落標(biāo)記的格式為：文字align:用來(lái)設(shè)置段落的對(duì)齊方式left:居左center:居中right:居中23分區(qū)顯示標(biāo)記當(dāng)在許多段落中設(shè)置對(duì)齊方式時(shí)，常使用標(biāo)記。分區(qū)顯示標(biāo)記的格式為：文本或圖象24創(chuàng)建指向其它頁(yè)面的鏈接創(chuàng)建指向其它頁(yè)面的鏈接，就是在當(dāng)前頁(yè)面與其他相關(guān)頁(yè)面建立超鏈接。無(wú)論目標(biāo)文件與當(dāng)前文件目錄的關(guān)系如何，其格式為：熱點(diǎn)

9、文本25創(chuàng)建指向本頁(yè)面中的鏈接要是在當(dāng)前頁(yè)面內(nèi)實(shí)現(xiàn)超級(jí)鏈接，需要定義兩個(gè)標(biāo)記：一個(gè)為超鏈接標(biāo)記，另一個(gè)為書簽標(biāo)記。超鏈接標(biāo)記的格式為：熱點(diǎn)文本記號(hào)名在的name屬性中定義，格式為：目標(biāo)文本附近的字符串26創(chuàng)建指向電子函件的鏈接單擊指向電子函件的鏈接，將打開默認(rèn)的電子函件程序，并填寫地址。要?jiǎng)?chuàng)建指向電子函件的鏈接，在標(biāo)記的href屬性中加入mailto,其格式為：熱點(diǎn)文本27無(wú)序列表標(biāo)記一無(wú)序列表中每一個(gè)表項(xiàng)的前面都是項(xiàng)目符號(hào)(如和等)。建立無(wú)序列表使用標(biāo)記和表項(xiàng)標(biāo)記。格式為：第一個(gè)列表項(xiàng)第二個(gè)列表項(xiàng)28無(wú)序列表標(biāo)記二每個(gè)列表左端的項(xiàng)目符號(hào)可以為disc(實(shí)心圓點(diǎn))、circle(空心圓點(diǎn))、s

10、quare(方塊)，也可以自己設(shè)置圖象。在和后都可以設(shè)定加重符號(hào)。符號(hào)為實(shí)心圓點(diǎn)符號(hào)為空心圓點(diǎn)符號(hào)為方塊29創(chuàng)建有序列表一通過(guò)帶序號(hào)的列表可以更清楚的表達(dá)信息的順序。使用標(biāo)記可以建立有序列表，表項(xiàng)的標(biāo)記仍為。表項(xiàng)1表項(xiàng)230創(chuàng)建有序列表二有序列表中的序號(hào)種類可以改變。利用或中的type屬性可以設(shè)定五種序號(hào)。默認(rèn)序號(hào)的標(biāo)記是數(shù)字。序號(hào)為數(shù)字序號(hào)為大寫英文字母序號(hào)為小寫英文字母序號(hào)為大寫羅馬字母序號(hào)為小寫羅馬字母31 定義項(xiàng)目列表用項(xiàng)目列表表示單詞或語(yǔ)句，使之具有交互凹進(jìn)的特點(diǎn)。定義項(xiàng)目列表使用標(biāo)記、和。定義單詞1單詞1的說(shuō)明定義單詞2單詞2的說(shuō)明32圖象標(biāo)記使用圖象標(biāo)記可以把一幅圖片加入到網(wǎng)頁(yè)中

11、。用圖象標(biāo)記還可以設(shè)置圖象的替代文本、尺寸等屬性。33設(shè)置圖象的對(duì)齊方式使用標(biāo)記使用標(biāo)記的align屬性34用圖象作為超級(jí)鏈接圖象也可以作為超級(jí)熱點(diǎn)，單擊圖象則跳轉(zhuǎn)到被鏈接的文本或其它對(duì)象。35建立簡(jiǎn)單的表格一最簡(jiǎn)單的表格僅包括行和列。表格的標(biāo)記為,行的標(biāo)記為，表項(xiàng)的標(biāo)記為。表項(xiàng)36建立簡(jiǎn)單的表格二表格的整體外觀由標(biāo)記的屬性決定：border定義表格邊框的粗細(xì)width定義表格的寬度height定義表格的高度cellspacing定義表格的間隙cellpadding定義表格內(nèi)部空白37設(shè)定表格在頁(yè)面中的位置與圖象一樣，表格在瀏覽器窗口中的位置也有三種：居左、居中、居右。使用標(biāo)記的align屬性

12、，格式為：38水平對(duì)齊表項(xiàng)水平數(shù)據(jù)分為：表項(xiàng)數(shù)據(jù)的居中、左對(duì)齊、右對(duì)齊、左右調(diào)整、整列以特殊文字對(duì)齊。方式是用標(biāo)記的align屬性:center居中l(wèi)eft左對(duì)齊right右對(duì)齊39垂直對(duì)齊表項(xiàng)垂直對(duì)齊是由valign屬性設(shè)定。其中valign屬性值分別為：top數(shù)據(jù)項(xiàng)靠單元格頂。bottom數(shù)據(jù)項(xiàng)靠單元格底。middle數(shù)據(jù)項(xiàng)靠單元格中。40創(chuàng)建表單一網(wǎng)頁(yè)上具有可輸入表項(xiàng)及項(xiàng)目選擇等控制所組成的欄目稱為表單。通過(guò)表單交流和反饋信息。與表單有關(guān)的標(biāo)記有和。41創(chuàng)建表單二標(biāo)記主要用來(lái)設(shè)計(jì)表單中提供給用戶的輸入形式。type指定要加入表單的類型(text,password,checkbox,rad

13、io,image,botton.submit,reset)name表項(xiàng)的控制名，在處理表單時(shí)起作用size單行文本區(qū)域的寬度maxlength允許輸入的最大字符數(shù)42重置和提交瀏覽者想清除輸入到表單中的全部?jī)?nèi)容，可以使用標(biāo)記中的type屬性所設(shè)的重置按鈕，以省去重新輸入前一項(xiàng)一項(xiàng)刪除的麻煩。當(dāng)瀏覽者完成表單的填寫，想要發(fā)送表單時(shí)，可使用標(biāo)記的屬性type所設(shè)的提交按鈕，將表單內(nèi)容送給action中的網(wǎng)址或函數(shù)信箱。 43復(fù)選框和單選框在頁(yè)面中有些地方需要列出幾個(gè)項(xiàng)目，讓瀏覽者通過(guò)選擇鈕選擇項(xiàng)目。選擇鈕可以是復(fù)選框(checkbox)或單選框(radio)。用標(biāo)記的type屬性可以設(shè)置選擇鈕的類型，屬性value可以設(shè)置該選擇鈕的控制初值，用以告訴表單制作者選擇結(jié)果。用ch