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

2、生成。,網(wǎng)頁文件命名,*.htm或*.html 無空格 無特殊符號（例如&符號），只可以有下劃線“_”，只可以為英文、數(shù)字 區(qū)分大小寫 首頁文件名默認(rèn)為：index.htm 或 index.html,HTML 文件結(jié)構(gòu),. . . 元素：是HTML語言的基本部分。元素總是成對出現(xiàn)，每一對元素一般都有一個開始的標(biāo)記（如），也有一個結(jié)束的標(biāo)記（如）。元素的標(biāo)記要用一對尖括號括起來，并且結(jié)束的標(biāo)記總是在開始的標(biāo)記前加一個斜杠。,HTML 文件結(jié)構(gòu) (Document Structures), HTML 文件的正文 ,第一張網(wǎng)頁（01.htm）, my first page This is my fi

3、rst homepage! ,基本組成部分 HTML元素屬性,HTML元素可以有自己的相關(guān)屬性，每一個屬性還可以由我們網(wǎng)頁編制者賦一定的值。元素屬性出現(xiàn)在元素的內(nèi)，并且和元素名之間有一個空格分隔；屬性值用“”引起來。,第二張網(wǎng)頁（02.htm）, my first page This is my first homepage! ,HTML基本結(jié)構(gòu)的 有關(guān)元素和元素屬性,HEAD元素1 元素出現(xiàn)在文檔的開頭部分。與之間的內(nèi)容不會在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 元素定義HTML文檔的標(biāo)題。與之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄。,HTML基本結(jié)構(gòu)的 有關(guān)元素和元素屬性,H

4、EAD元素2 元素 元素下面可以插入很多很有用的元素屬性。下面介紹四種： 用來標(biāo)記搜索引擎在搜索你的頁面時所取出的關(guān)鍵詞。,HTML基本結(jié)構(gòu)的 有關(guān)元素和元素屬性,HEAD元素3 元素 用來標(biāo)記文檔的作者。,HTML基本結(jié)構(gòu)的 有關(guān)元素和元素屬性,HEAD元素4 元素 用來標(biāo)記你的頁面的解碼方式。,HTML基本結(jié)構(gòu)的 有關(guān)元素和元素屬性,HEAD元素5 元素 用來自動刷新網(wǎng)頁,練習(xí)（03.htm）,編寫一個網(wǎng)頁，要求3秒鐘后自動跳轉(zhuǎn)到硅谷動力學(xué)院的網(wǎng)站。 my first page 三秒鐘后本網(wǎng)頁將自動跳轉(zhuǎn)到硅谷動力網(wǎng)絡(luò)學(xué)院首頁 ,元素及元素屬性1,元素表明是HTML文檔的主體部分。在與之間，

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

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