《HTML基础教程PPT.ppt》由会员分享，可在线阅读，更多相关《HTML基础教程PPT.ppt（24页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、HTML第一讲第一讲主讲：主讲：吴涛吴涛硅谷动力网络学院专业铸造品质 知识成就未来-硅谷动力网络学院作者仅授权硅谷动力网络学院发表该系列教程,版权归作者本人与网络学院拥有.任何个人与网站转载请联系HTML概念概念HTML（Hyper Text Markup Language 超文本标识语言）超文本标识语言）是一种用来制作超文本文档的是一种用来制作超文本文档的简单标记语言。简单标记语言。用用HTML编写的超文本文档称编写的超文本文档称为为HTML文档。文档。HTML文档的编写方法文档的编写方法1.手工直接编写手工直接编写记事本等，存成记事本等，存成.htm.html格格式式2.使用可视化使用可视
2、化HTML编编 辑辑 器器Frontpage、Dreamweaver等等3.由由Web 服务器（服务器（或称或称HTTP 服服务器）务器）一一 方实时动态地生成。方实时动态地生成。网页文件命名网页文件命名1.*.htm或或*.html2.无空格无空格3.无特殊符号（例如无特殊符号（例如&符号），只符号），只可以有下划线可以有下划线“_”，只可以为，只可以为英文、数字英文、数字4.区分大小写区分大小写5.首页文件名默认为：首页文件名默认为：index.htm 或或 index.htmlHTML 文件结构文件结构.元素：是元素：是HTML语言的基本部分。语言的基本部分。元素总是成对出现，每一对元素
3、一元素总是成对出现，每一对元素一般都有一个开始的标记（如般都有一个开始的标记（如），），也有一个结束的标记也有一个结束的标记（如（如）。）。元素的标记要用元素的标记要用一对尖括号括起来，并且结束的标一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。记总是在开始的标记前加一个斜杠。HTML 文件结构文件结构(Document Structures)HTML HTML 文件的正文文件的正文 第一张网页第一张网页（01.htm）my first page This is my first homepage!基本组成部分基本组成部分HTML元素属性元素属性HTML元素可以有自己的相关属元素
4、可以有自己的相关属性，每一个属性还可以由我们网页性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现编制者赋一定的值。元素属性出现在元素的在元素的内内，并且和元素名之，并且和元素名之间有间有一个空格一个空格分隔；属性值用分隔；属性值用“”引起来。引起来。第二张网页第二张网页（02.htm）my first page This is my first homepage!HTML基本结构的基本结构的有关元素和元素属性有关元素和元素属性HEAD元素元素1 元素出现在文档的开头部元素出现在文档的开头部分。分。与与之间的内容之间的内容不会在浏览器的文档窗口显示，但不会在浏览器的文档窗口显示，但是
5、其间的元素有特殊重要的意义。是其间的元素有特殊重要的意义。元素定义元素定义HTML文档的标文档的标题。题。与与之间的内容之间的内容将显示在浏览器窗口的标题栏。将显示在浏览器窗口的标题栏。HTML基本结构的基本结构的有关元素和元素属性有关元素和元素属性HEAD元素元素2元素元素 元素下面可以插入很多很元素下面可以插入很多很有用的元素属性。下面介绍四种：有用的元素属性。下面介绍四种：用来标记搜索引擎在搜索你的页用来标记搜索引擎在搜索你的页面时所取出的关键词。面时所取出的关键词。HTML基本结构的基本结构的有关元素和元素属性有关元素和元素属性HEAD元素元素3元素元素 用来标记文档的作者。用来标记文
6、档的作者。HTML基本结构的基本结构的有关元素和元素属性有关元素和元素属性HEAD元素元素4元素元素 用来标记你的页面的解码方式。用来标记你的页面的解码方式。HTML基本结构的基本结构的有关元素和元素属性有关元素和元素属性HEAD元素元素5元素元素 用来自动刷新网页用来自动刷新网页练习练习（03.htm）编写一个网页，要求编写一个网页，要求3秒钟后自动跳转到硅谷动秒钟后自动跳转到硅谷动力学院的网站。力学院的网站。my first page 三秒钟后本网页将自动跳转三秒钟后本网页将自动跳转到硅谷动力网络学院首页到硅谷动力网络学院首页 元素及元素属性元素及元素属性1元素表明是元素表明是HTML文档
7、的文档的主体部分。在主体部分。在与与之之间，通常都会有很多其它元素；这间，通常都会有很多其它元素；这些元素和元素属性构成些元素和元素属性构成HTML文文档的主体部分。档的主体部分。元素及元素属性元素及元素属性2元素中有下列元素属性：元素中有下列元素属性：(1)bgcolorbgcolor属性标志属性标志HTML文档的背文档的背景颜色。如景颜色。如：bgcolor=#CCFFCC。例：例：04.htmHTML对颜色的控制对颜色的控制HTML对颜色的控制也有自己的对颜色的控制也有自己的语法。语法。HTML使用使用16进制的进制的RGB颜色值对颜色进行控制。颜色值对颜色进行控制。16 进制的数码有进
8、制的数码有: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文档文档的背景图
9、片。如：的背景图片。如：background=“images/bg.gif。可以使用的图片格式为可以使用的图片格式为GIF，JPG例：例：05.htm、06.htm元素及元素属性元素及元素属性4元素中有下列元素属性：元素中有下列元素属性：(3)bgproperties=fixedbgproperties=fixed使背景图片成使背景图片成水印效果，即图片不随着滚动条水印效果，即图片不随着滚动条的滚动而滚动。的滚动而滚动。例：例：07.htm和和08.htm对比对比元素及元素属性元素及元素属性5元素中有下列元素属性：元素中有下列元素属性：(4)texttext属性标志属性标志HTML文档的正文文
10、文档的正文文字颜色。如：字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇元素定义的颜色将应用于整篇文档。文档。例：例：09.htm元素及元素属性元素及元素属性6元素中有下列元素属性：元素中有下列元素属性：(5)超级链接颜色超级链接颜色link、vlink、alink分别控制普通分别控制普通超级链接、访问过的超级链接、超级链接、访问过的超级链接、当前活动超级链接颜色。当前活动超级链接颜色。例：例：10.htm元素及元素属性元素及元素属性7元素中有下列元素属性：元素中有下列元素属性：(6)leftmargin和和topmargin设置网页主体内容距离网页顶端设置网页主体内容距离网页顶端和左端的距离如：和左端的距离如：leftmargin=20 topmargin=30“例：例：11.htm