點(diǎn)擊觀看第一講教程演示 - 【主要技術(shù)參數(shù)】Title【-特薦】

1、HTML第一講主講：吳濤硅谷動(dòng)力網(wǎng)絡(luò)學(xué)院專業(yè)鑄造品質(zhì) 知識(shí)成就未來(lái)-硅谷動(dòng)力網(wǎng)絡(luò)學(xué)院HTML概念HTMLHyper Text Markup Language 超文本標(biāo)識(shí)語(yǔ)言是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。用HTML編寫的超文本文檔稱為HTML文檔。HTML文檔的編寫方法手工直接編寫記事本等，存成.htm .html格式使用可視化HTML編 輯 器Frontpage、Dreamweaver等由Web 效勞器 或稱HTTP 效勞器 一 方實(shí)時(shí)動(dòng)態(tài)地生成。網(wǎng)頁(yè)文件命名*.htm或*.html無(wú)空格無(wú)特殊符號(hào)例如&符號(hào)，只可以有下劃線“_，只可以為英文、數(shù)字區(qū)分大小寫首頁(yè)文件名默認(rèn)為：inde

2、x.htm 或 index.htmlHTML 文件結(jié)構(gòu). 元素：是HTML語(yǔ)言的根本局部。元素總是成對(duì)出現(xiàn)，每一對(duì)元素一般都有一個(gè)開始的標(biāo)記如，也有一個(gè)結(jié)束的標(biāo)記如。元素的標(biāo)記要用一對(duì)尖括號(hào)括起來(lái)，并且結(jié)束的標(biāo)記總是在開始的標(biāo)記前加一個(gè)斜杠。HTML 文件結(jié)構(gòu)(Document Structures) HTML 文件的正文 第一張網(wǎng)頁(yè)01.htm my first page This is my first homepage! 根本組成局部HTML元素屬性HTML元素可以有自己的相關(guān)屬性，每一個(gè)屬性還可以由我們網(wǎng)頁(yè)編制者賦一定的值。元素屬性出現(xiàn)在元素的內(nèi)，并且和元素名之間有一個(gè)空格分隔；屬性值

3、用“引起來(lái)。第二張網(wǎng)頁(yè)02.htm my first page This is my first homepage! HTML根本結(jié)構(gòu)的有關(guān)元素和元素屬性HEAD元素1 元素出現(xiàn)在文檔的開頭局部。與之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 元素定義HTML文檔的標(biāo)題。與之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄。HTML根本結(jié)構(gòu)的有關(guān)元素和元素屬性HEAD元素2元素 元素下面可以插入很多很有用的元素屬性。下面介紹四種： 用來(lái)標(biāo)記搜索引擎在搜索你的頁(yè)面時(shí)所取出的關(guān)鍵詞。HTML根本結(jié)構(gòu)的有關(guān)元素和元素屬性HEAD元素3元素 用來(lái)標(biāo)記文檔的作者。HTML根本結(jié)構(gòu)的有關(guān)元素和

4、元素屬性HEAD元素4元素 用來(lái)標(biāo)記你的頁(yè)面的解碼方式。 HTML根本結(jié)構(gòu)的有關(guān)元素和元素屬性HEAD元素5元素 用來(lái)自動(dòng)刷新網(wǎng)頁(yè)練習(xí)03.htm編寫一個(gè)網(wǎng)頁(yè)，要求3秒鐘后自動(dòng)跳轉(zhuǎn)到硅谷動(dòng)力學(xué)院的網(wǎng)站。 my first page 三秒鐘后本網(wǎng)頁(yè)將自動(dòng)跳轉(zhuǎn)到硅谷動(dòng)力網(wǎng)絡(luò)學(xué)院首頁(yè) 元素及元素屬性1元素說(shuō)明是HTML文檔的主體局部。在與之間，通常都會(huì)有很多其它元素；這些元素和元素屬性構(gòu)成HTML文檔的主體局部。元素及元素屬性2元素中有以下元素屬性： (1)bgcolorbgcolor屬性標(biāo)志HTML文檔的背景顏色。如：bgcolor=#CCFFCC。例：04.htmHTML對(duì)顏色的控制HTML對(duì)顏

5、色的控制也有自己的語(yǔ)法。HTML使用16進(jìn)制的RGB顏色值對(duì)顏色進(jìn)行控制。16 進(jìn)制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.顏色顏色名和RGB值黑色Black=”#000000”銀色Silver=”#c0c0c0”紅色Red=”#ff0000”藍(lán)色Blue=”#0000ff”白色White=”#ffffff”黃色Yellow=”ffff00”綠色Green=”#00ff00”海藍(lán)色Aqua=”#00ffff”常見顏色的代碼元素及元素屬性3元素中有以下元素屬性： (2)backgroundbackground屬性標(biāo)志HTML文檔的背景圖片。如：backgrou

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

7、接、訪問(wèn)過(guò)的超級(jí)鏈接、當(dāng)前活動(dòng)超級(jí)鏈接顏色。例：10.htm元素及元素屬性7元素中有以下元素屬性： (6) leftmargin和topmargin設(shè)置網(wǎng)頁(yè)主體內(nèi)容距離網(wǎng)頁(yè)頂端和左端的距離如：leftmargin=20 topmargin=30“例：11.htmy(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pM0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pM0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pN0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pN0nL-lJ(jH&hF$fD#eBYczWaxU8

8、vS6tQ4rO2pN0nL-lJ(jH&hF$fD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF$fD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tR4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tR4rP2pN0nL-lJ(jH&iF$gD#eBYczWaxU8vS6tR4rP2pN0nL-lJ(jH&iF$gD#eBYczWaxU8vT6t

9、R4rP2pN0nL-lJ(jH&iF$gD#eBYczWaxU8vT6tR4rP2pN0nL-lJ(jH&iF$gD#eBYczWaxU8vT6tR4rP2pN0nL-lJ(kH&iF$gD#eBYczWaxU8vT6tR4rP2pN0nL-lJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-lJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczXaxV8vT6tR4rP

10、2pN0nL-mJ(kH&iF$gD#eBYczXaxV8vT6tR4rP2pN0oL-mJ(kH&iF$gD#eBYczXaxV8vT6tR4rP2pN0oL-mJ(kH&iF$gD#eBZczXaxV8vT6tR4rP2pN0oL-mJ(kH&iF$gD#eBZczXaxV8vT6tR4rP2pN0oL-mJ(kH&iF$gD#eBZczXaxV8vT6tR4rP2qN0oL-mJ(kH&iF$gD#eBZczXaxV8vT6tR4rP2qN0oL-mJ(kH&iF$gD!eBZczXaxV8vT6tR4rP2qN0oL-mJ(kH&iF$gD!eBZczXaxV8vT6tR4sP2qN0

11、oL-mJ(kH&iF$gD!eBZczXaxV8vT6tR4sP2qN0oL-mJ(kH&iF$gD!eBZczXaxV8vT6tR4sP2qN0oL-mJ(kH&iF%gD!eBZczXaxV8vT6tR4sPBYczWaxU8vT6tR4rP2pN0nL-lJ(jH&iF$gD#eBYczWaxU8vT6tR4rP2pN0nL-lJ(jH&iF$gD#eBYczWaxU8vT6tR4rP2pN0nL-lJ(kH&iF$gD#eBYczWaxU8vT6tR4rP2pN0nL-lJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-lJ(kH&iF$gD#eBYczWaxV

12、8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczWaxV8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczXaxV8vT6tR4rP2pN0nL-mJ(kH&iF$gD#eBYczXaxV8vT6tR4#dBYczWaxU8vS6tQ4rO2pN0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pN0nL-lJ(jH&hF$fD#eBYczWaxU8vS6tQ4rO2pN0nL-lJ(jH&hF$fD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF

13、$fD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tQ4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tR4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6tR4rP2pN0nL-lJ(jH&hF$gD#eBYczWaxU8vS6$fD#dBYbzW9xU7vS6tQ4rO2pM0nK-lI(jH&hF$fD#dBYbzW9xU8vS6tQ4rO2pM0nK-lI(jH&hF$fD#dBYbzW9xU8vS6tQ4rO2pM0nK-lI(jH&hF$fD#dBYbzW9xU8vS6tQ4rO2p

14、M0nK-lJ(jH&hF$fD#dBYbzW9xU8vS6tQ4rO2pM0nK-lJ(jH&hF$fD#dBYbzWaxU8vS6tQ4rO2pM0nK-lJ(jH&hF$fD#dBYbzWaxU8vS6tQ4rO2pM0nL-lJ(jH&hF$fD#dBYbzWaxU8vS6tQ4rO2pM0nL-lJ(jH&hF$fD#dBYbzWaxU8vS6tQ4rO2pM0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pM0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pN0nL-lJ(jH&hF$fD#dBYczWaxU8vS6tQ4rO2pN0nL

15、-lJ(jH&hF$fD#eBYczWaxU8vS6tQ4rO2p7vS5tQ3rO1pM0nK-lI(jG&hE$fC#dAYbzxU7vS5tQ3rO1pM+nK-lI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0nK-lI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0nK-lI(jG&hEC#dAYbzW9xU7vS5tQ3rO1pM0nK-lI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0nlI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0nK-lI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0-

16、lI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0nK-lI(jG&hE$fC#dAYbzW9xU7vS5tQ3rO1pM0nK-lI(jG&hE$fC#dBYbzW9xvS5tQ3rO1pM0nK-lI(jG&hE$fC#dAYbzK)lI*jG%hE!fC#dAYW9wU7uS5sQ3qO1pZdAXbyVT7uR5sQ3qO1oM+mK)kI*iG%hE!fCZdAXbyV9wT7uR5sQ3qO1oM+mK)kI*iG%hE!fCZdAXbyV9wT7uS5sQ3qO1oM+mK)kI*%hE!fCZdAXbyV9wT7uR5sQ3qO1oM+mK)kI*iG%hE!

17、fCZdAXbyV9wT7uS5sQ3qO1oM+mK)kI*iG%!fCZdAXbyV9wT7uR5sQ3qO1oM+mK)kI*iG%hE!fCZdAXbyV9wT7uS5sQ3qO1oM+mK)kI*iG%hE!fCZdAXbyV9wT7uS53qO1oM+mK)kI*iG%hE!fCZdAXbyV9wT7uS5sQ3qO1oM+mcAXayV9wT7uR5sP3qN1oL+mK)kI*iG%gE!eCZcAXbyV9wT7uR5sP3qN1oL+mK)kI*iG%gE!eCZcAXbyV9wTR5sP3qN1oL+mK)kI*iG%gE!eCZcAXbyV9wT7uR5sP3qN1oL

18、+mK)kI*iG%gE!eCZcAXbyV9wT7uR5sP3qN1oM+)kI*iG%gE!eCZcAXbyV9wT7uR5sP3qN1oL+mK)kI*iG%gE!eCZcAXbyV9wT7uR5sP3qN1oM+mK)kI*iG%gE!Km+Mo1Oq3Qs5Ru7Tw9VybXAdZCf!Eh%Gi*Ik)Km+Mo1Oq3Qs5Ru7Tw9Il)Kn+Mp1Oq3Qs5SUw9WybYAd#Cf!Eh%Gj*Il)Kn+Mp1Oq3Qs5Su7Uw9WybYAdZCf!Eh%Gj*Il)Kn+Mp1Oq3Qs5Su7Uw9WybYACf!Eh%Gj*Il)Kn+Mp1Oq3Qs5S

19、u7Uw9bYAd#Cf!Eh%Gj*Il)Kn+Mp1Oq3Qs5Su7Uw9WybYAd#Cf!Eh%Gj*Il)Kn+Mp1Oq3Qs5Su7Uw9WYAd#Cf!Eh%Gj*Il)Kn+Mp1Oq3Qs5Su7Uw9WybYAd#Cf!Eh%Gj*Il)Kn+Mp1Oq3Qs5Su7Uw9WybYAdZCf!%GQt5Sv7Ux9WybYAd#Cf$Eh&Gj(Il)Kn+Mp1Or3Qt5Sv7Ux9WybYAdf$Eh&Gj(Il-Kn+Mp1Or3Qt5Sv7Ux9WybYAd#Cf$Eh&Gj(Il)Kn+Mp1Or3Qt5Sv7Ux9bYAd#Cf$Eh&Gj(Il-Kn+M

20、p1Or3Qt5Sv7Ux9WybYAd#Cf$Eh&Gj(Il)Kn+Mp1Or3Qt5Sv7Ux9WybYAd#CEh&Gj(Il-Kn+Mp1Or3Qt5Sv7Ux9WybYAd#Cf$Eh&Gj(Il)Kn+Mp1Or3Qt5Sv7Ux9W(Il-Kn0Mp2Or4Qt5Sv7UWzbYBd#Df$Fh&Gj(Il-Kn0Mp2Or4Qt5Sv7Ux9WzbYBd#Df$Fh&Gj(Il-Kn0Mp2Or4Qt5Sv7Ux9WzbYBdf$Fh&Gj(Il-Kn0Mp2Or4Qt5Sv7Ux9WzbYBd#Df$Fh&Gj(Il-Kn0Mp2Or4Qt5Sv7Ux9WzbYBd#Df$&Gj(Il-Kn0Mp2Or4Qt5Sv7Ux9WzbYBd#Df$Fh&Gj(Il-Kn0Mp2Or4Qt5Sv7Ux9WzbYBdn0Mp2Or4Qt6Sv8UxaWzbYBd#Df$Fh&(Jl-Ln0Mp2Or4Qt6Sv8UxaWzcYBd#Df$Fh&Hj(Jl-Ln0Mp2Or4Qt6Sv8Uxe#Df$Fh&Hj(Jl-Ln0Np2Or4Qt6Sv8UxaWzcYBe#Df$&Hj(Jl-Ln0Np2Pr4Qt6Sv8UxaWzcYBe#Df$Fh&Hj