HTML基礎教程PPT

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

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

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

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

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

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

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

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