点击观看第一讲教程演示 - 【主要技术参数】Title【-特荐】

1、HTML第一讲主讲：吴涛硅谷动力网络学院专业铸造品质 知识成就未来-硅谷动力网络学院HTML概念HTMLHyper Text Markup Language 超文本标识语言是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档。HTML文档的编写方法手工直接编写记事本等，存成.htm .html格式使用可视化HTML编 辑 器Frontpage、Dreamweaver等由Web 效劳器 或称HTTP 效劳器 一 方实时动态地生成。网页文件命名*.htm或*.html无空格无特殊符号例如&符号，只可以有下划线“_，只可以为英文、数字区分大小写首页文件名默认为：inde

2、x.htm 或 index.htmlHTML 文件结构. 元素：是HTML语言的根本局部。元素总是成对出现，每一对元素一般都有一个开始的标记如，也有一个结束的标记如。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。HTML 文件结构(Document Structures) HTML 文件的正文 第一张网页01.htm my first page This is my first homepage! 根本组成局部HTML元素属性HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的内，并且和元素名之间有一个空格分隔；属性值

3、用“引起来。第二张网页02.htm my first page This is my first homepage! HTML根本结构的有关元素和元素属性HEAD元素1 元素出现在文档的开头局部。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 元素定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。HTML根本结构的有关元素和元素属性HEAD元素2元素 元素下面可以插入很多很有用的元素属性。下面介绍四种： 用来标记搜索引擎在搜索你的页面时所取出的关键词。HTML根本结构的有关元素和元素属性HEAD元素3元素 用来标记文档的作者。HTML根本结构的有关元素和

4、元素属性HEAD元素4元素 用来标记你的页面的解码方式。 HTML根本结构的有关元素和元素属性HEAD元素5元素 用来自动刷新网页练习03.htm编写一个网页，要求3秒钟后自动跳转到硅谷动力学院的网站。 my first page 三秒钟后本网页将自动跳转到硅谷动力网络学院首页 元素及元素属性1元素说明是HTML文档的主体局部。在与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体局部。元素及元素属性2元素中有以下元素属性： (1)bgcolorbgcolor属性标志HTML文档的背景颜色。如：bgcolor=#CCFFCC。例：04.htmHTML对颜色的控制HTML对颜

5、色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”常见颜色的代码元素及元素属性3元素中有以下元素属性： (2)backgroundbackground属性标志HTML文档的背景图片。如：backgrou

6、nd=“images/bg.gif。可以使用的图片格式为GIF，JPG例：05.htm、06.htm元素及元素属性4元素中有以下元素属性： (3)bgproperties=fixedbgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。例：07.htm和08.htm比照元素及元素属性5元素中有以下元素属性： (4)texttext属性标志HTML文档的正文文字颜色。如：text=“#FF6666。Text元素定义的颜色将应用于整篇文档。例：09.htm元素及元素属性6元素中有以下元素属性： (5)超级链接颜色link、vlink、alink分别控制普通超级链

7、接、访问过的超级链接、当前活动超级链接颜色。例：10.htm元素及元素属性7元素中有以下元素属性： (6) leftmargin和topmargin设置网页主体内容距离网页顶端和左端的距离如：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