HTML基礎(chǔ)教程PPT

1、主講：吳濤主講：吳濤硅谷動力網(wǎng)絡(luò)學(xué)院硅谷動力網(wǎng)絡(luò)學(xué)院專業(yè)鑄造品質(zhì)專業(yè)鑄造品質(zhì) 知識成就未來知識成就未來-硅谷動力網(wǎng)絡(luò)學(xué)院硅谷動力網(wǎng)絡(luò)學(xué)院作者僅授權(quán)硅谷動力網(wǎng)絡(luò)學(xué)院發(fā)表該系列教程,版權(quán)歸作者本人與網(wǎng)絡(luò)學(xué)院擁有.任何個人與網(wǎng)站轉(zhuǎn)載請聯(lián)系 HTML（Hyper Text Markup Language 超文本標(biāo)識語言）超文本標(biāo)識語言） 是一種用來制作超文本文檔的是一種用來制作超文本文檔的簡單標(biāo)記語言。簡單標(biāo)記語言。 用用HTML編寫的超文本文檔稱編寫的超文本文檔稱為為HTML文檔。文檔。1.手工直接編寫手工直接編寫記事本等，存成記事本等，存成.htm .html格格式式2.使用可視化使用可視化HTM

2、L編編 輯輯 器器Frontpage、Dreamweaver等等3.由由Web 服務(wù)器（服務(wù)器（ 或稱或稱HTTP 服服務(wù)器）務(wù)器） 一一 方實(shí)時動態(tài)地生成。方實(shí)時動態(tài)地生成。1.*.htm或或*.html2.無空格無空格3.無特殊符號（例如無特殊符號（例如&符號），只符號），只可以有下劃線可以有下劃線“_”，只可以為英，只可以為英文、數(shù)字文、數(shù)字4.區(qū)分大小寫區(qū)分大小寫5.首頁文件名默認(rèn)為：首頁文件名默認(rèn)為：index.htm 或或 index.html. 元素：是元素：是HTML語言的基本部分。語言的基本部分。元素總是成對出現(xiàn)，每一對元素元素總是成對出現(xiàn)，每一對元素一般都有一個開始

3、的標(biāo)記（如一般都有一個開始的標(biāo)記（如），也有一個結(jié)束的標(biāo)記），也有一個結(jié)束的標(biāo)記（如（如）。元素的標(biāo)記要用）。元素的標(biāo)記要用一對尖括號括起來，并且結(jié)束的一對尖括號括起來，并且結(jié)束的標(biāo)記總是在開始的標(biāo)記前加一個標(biāo)記總是在開始的標(biāo)記前加一個斜杠。斜杠。 my first page This is my first homepage! HTML元素可以有自己的相關(guān)屬元素可以有自己的相關(guān)屬性，每一個屬性還可以由我們網(wǎng)性，每一個屬性還可以由我們網(wǎng)頁編制者賦一定的值。元素屬性頁編制者賦一定的值。元素屬性出現(xiàn)在元素的出現(xiàn)在元素的內(nèi)內(nèi)，并且和元素，并且和元素名之間有名之間有一個空格一個空格分隔；屬性值分隔；屬

4、性值用用“”“”引起來。引起來。 my first page This is my first homepage! HEAD元素元素1 元素出現(xiàn)在文檔的開頭部元素出現(xiàn)在文檔的開頭部分。分。與與之間的內(nèi)容之間的內(nèi)容不會在瀏覽器的文檔窗口顯示，不會在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意但是其間的元素有特殊重要的意義。義。 元素定義元素定義HTML文檔的標(biāo)文檔的標(biāo)題。題。與與之間的內(nèi)之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題容將顯示在瀏覽器窗口的標(biāo)題欄。欄。 HEAD元素元素2 元素元素 元素下面可以插入很多很元素下面可以插入很多很有用的元素屬性。下面介紹四種：有用的元素屬性。下面介紹四種：

5、用來標(biāo)記搜索引擎在搜索你的頁用來標(biāo)記搜索引擎在搜索你的頁面時所取出的關(guān)鍵詞。面時所取出的關(guān)鍵詞。 HEAD元素元素3 元素元素 用來標(biāo)記文檔的作者。用來標(biāo)記文檔的作者。 HEAD元素元素4 元素元素 用來標(biāo)記你的頁面的解碼方式。用來標(biāo)記你的頁面的解碼方式。 HEAD元素元素5 元素元素 用來自動刷新網(wǎng)頁用來自動刷新網(wǎng)頁編寫一個網(wǎng)頁，要求編寫一個網(wǎng)頁，要求3秒鐘后自動跳轉(zhuǎn)到硅谷動秒鐘后自動跳轉(zhuǎn)到硅谷動力學(xué)院的網(wǎng)站。力學(xué)院的網(wǎng)站。 my first page 三秒鐘后本網(wǎng)頁將自動跳轉(zhuǎn)三秒鐘后本網(wǎng)頁將自動跳轉(zhuǎn)到硅谷動力網(wǎng)絡(luò)學(xué)院首頁到硅谷動力網(wǎng)絡(luò)學(xué)院首頁 元素表明是元素表明是HTML文檔的文檔的主體部

6、分。在主體部分。在與與之之間，通常都會有很多其它元素；間，通常都會有很多其它元素；這些元素和元素屬性構(gòu)成這些元素和元素屬性構(gòu)成HTML文檔的主體部分。文檔的主體部分。元素中有下列元素屬性：元素中有下列元素屬性： (1)bgcolor bgcolor屬性標(biāo)志屬性標(biāo)志HTML文檔的背文檔的背景顏色。如景顏色。如：bgcolor=#CCFFCC。 例：例：04.htm HTML對顏色的控制也有自己的對顏色的控制也有自己的語法。語法。HTML使用使用16進(jìn)制的進(jìn)制的RGB顏色值對顏色進(jìn)行控制。顏色值對顏色進(jìn)行控制。 16 進(jìn)制的數(shù)碼有進(jìn)制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,

7、d,e,f.顏色顏色顏色名和顏色名和RGB值值黑色黑色Black=”#000000”銀色銀色Silver=”#c0c0c0”紅色紅色Red=”#ff0000”藍(lán)色藍(lán)色Blue=”#0000ff”白色白色White=”#ffffff”黃色黃色Yellow=”ffff00”綠色綠色Green=”#00ff00”海藍(lán)色海藍(lán)色Aqua=”#00ffff” 元素中有下列元素屬性：元素中有下列元素屬性： (2)background background屬性標(biāo)志屬性標(biāo)志HTML文檔文檔的背景圖片。如：的背景圖片。如：background=“images/bg.gif。 可以使用的圖片格式為可以使用的圖片格式

8、為GIF，JPG例：例：05.htm、06.htm 元素中有下列元素屬性：元素中有下列元素屬性： (3)bgproperties=fixed bgproperties=fixed使背景圖片成使背景圖片成水印效果，即圖片不隨著滾動條水印效果，即圖片不隨著滾動條的滾動而滾動。的滾動而滾動。例：例：07.htm和和08.htm對比對比 元素中有下列元素屬性：元素中有下列元素屬性： (4)text text屬性標(biāo)志屬性標(biāo)志HTML文檔的正文文文檔的正文文字顏色。如：字顏色。如：text=“#FF6666”。Text元素定義的顏色將應(yīng)用于整元素定義的顏色將應(yīng)用于整篇文檔。篇文檔。 例：例：09.htm 元素中有下列元素屬性：元素中有下列元素屬性： (5)超級鏈接顏色超級鏈接顏色 link、vlink、alink分別控制普通分別控制普通超級鏈接、訪問過的超級鏈接、超級鏈接、訪問過的超級鏈接、當(dāng)前活動超級鏈接顏色。當(dāng)前活動超級鏈接顏色。 例：例：10.ht