HTML基础教程PPT

1、主讲：吴涛主讲：吴涛硅谷动力网络学院硅谷动力网络学院专业铸造品质专业铸造品质 知识成就未来知识成就未来-硅谷动力网络学院硅谷动力网络学院作者仅授权硅谷动力网络学院发表该系列教程,版权归作者本人与网络学院拥有.任何个人与网站转载请联系 HTML（Hyper Text Markup Language 超文本标识语言）超文本标识语言） 是一种用来制作超文本文档的是一种用来制作超文本文档的简单标记语言。简单标记语言。 用用HTML编写的超文本文档称编写的超文本文档称为为HTML文档。文档。1.手工直接编写手工直接编写记事本等，存成记事本等，存成.htm .html格格式式2.使用可视化使用可视化HTM

2、L编编 辑辑 器器Frontpage、Dreamweaver等等3.由由Web 服务器（服务器（ 或称或称HTTP 服服务器）务器） 一一 方实时动态地生成。方实时动态地生成。1.*.htm或或*.html2.无空格无空格3.无特殊符号（例如无特殊符号（例如&符号），只符号），只可以有下划线可以有下划线“_”，只可以为英，只可以为英文、数字文、数字4.区分大小写区分大小写5.首页文件名默认为：首页文件名默认为：index.htm 或或 index.html. 元素：是元素：是HTML语言的基本部分。语言的基本部分。元素总是成对出现，每一对元素元素总是成对出现，每一对元素一般都有一个开始

3、的标记（如一般都有一个开始的标记（如），也有一个结束的标记），也有一个结束的标记（如（如）。元素的标记要用）。元素的标记要用一对尖括号括起来，并且结束的一对尖括号括起来，并且结束的标记总是在开始的标记前加一个标记总是在开始的标记前加一个斜杠。斜杠。 my first page This is my first homepage! HTML元素可以有自己的相关属元素可以有自己的相关属性，每一个属性还可以由我们网性，每一个属性还可以由我们网页编制者赋一定的值。元素属性页编制者赋一定的值。元素属性出现在元素的出现在元素的内内，并且和元素，并且和元素名之间有名之间有一个空格一个空格分隔；属性值分隔；属

4、性值用用“”“”引起来。引起来。 my first page This is my first homepage! HEAD元素元素1 元素出现在文档的开头部元素出现在文档的开头部分。分。与与之间的内容之间的内容不会在浏览器的文档窗口显示，不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意但是其间的元素有特殊重要的意义。义。 元素定义元素定义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