2 HTML语言.pptVIP

HTML语言 主要内容 1 基本概念 2 我的第一张网页 3 各个标签 1 基本概念 HTML文档的概念 HyperText Markup Language，即超文本标记语言。由万维网联盟负责制订和更新。 HTML是一种描述语言，对WEB页面中显示内容的属性以标签Tag的形式进行描述。使用该语言可将文本、图像、声音等结合在一张网页文件中。 客户机上的浏览器(browser) 对这些描述进行解释将相应页面内容正确显示在显示器上。一个WEB页面就是一个HTML文档 。 HTML是一种解释语言，可以直接运行；C、Basic、Java等都是编译语言，需要经过编译才能运行。 2 我的第一张网页 网页实例： 1 我的第一张网页 几点说明 1、HTML的标签：识别网上元素、描述元素的样式、指向其它资源，不分大小写。不同的标签可嵌套使用，但不可交叉。 2、标签的属性：要放在开始标签的尖括号中，可以有多个属性，用空格分隔，通常不分大小写。 1 我的第一张网页 3、属性值：前后要加双引号，某些情况下可省略。 值应在预先定义的范围内选取，不能自己定义。 4、html和/html标签：网页文档的开始和结束标签。告诉浏览器是网页文档。 5、head和/head标签：设置web页的一些特定信息。 6、body和/body标签：设置web页的主体信息。 7、可以采用存文本文件编辑HTML文件。例如记事本。 3 HTML的各个标签介绍 1 文件标签 2 排版标签 3 字体标签 4 表格和清单 5 在网页中建立超链接 6 多媒体标签 7 框架标签 8 表单标签 9 其它标签 1 文件标签 文件标签共四种： html类型声明标签 head文件头标签 title标题标签 body正体标签 注：作为完整的html文件，文件标签不可缺少。 1 文件标签 1. html标签 html类型声明标签：用于告诉浏览器这个文件是HTML文件。 如果将html/html标签删去，不会影响html文件在浏览器中的显示效果。——浏览器的容错功能 1 文件标签 2. head标签 放在html标签之后，用以描述html文件整体的一些信息。 head/head标签对中的内容不会显示在浏览器页面上。只为html的解释器服务。 head/head与body/body构成了HTML文件的两大主要部分。 文件头的(head……/head)相关标记应用 1. 标识网页主体的标记title……/title 2.meta标记 注释标记!--注释性文字-- 1. 标识网页主体的标记title……/title 标识网页的主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内！ 例如： html head title欢迎光临××网站/title /head …… /html 2.meta标记 是一个辅助性标记，且没有结束标记。主要用于设置网页的一些属性。 meta标记共有两个重要的属性，分别为： name：用于描述网页，对应的参数值则用content标示。 ——一大应用：告诉搜索引擎改网页的关键字 http-equiv：相当于HTTP的文件头的作用，可以向浏览器传回一些有用的信息，以帮助正确显示网页内容。与“name”属性一样，其参数值用content标示。 ——一大应用，设置自动刷新并指向新页面。 1 文件标签 body标签 body/body标签对中的内容将显示在网页文件上。所以网页文件的大部分信息内容都位于body标签的包围之中。 与htmlheadtitle这些文件标签不同，body标签支持属性。 1 文件标签 body标签 (1) text属性——设定网页上的文字颜色 COLOR的值可以是以十六进制表示的颜色，或者是16种颜色中的一种。 名称 | 颜色 | 名称 | 颜色 　 black | 黑色 | Red | 红色 　 Line | 石灰色 | Maroon | 栗色 Gray | 灰色 | Silver | 银白色 Navy | 海军蓝 | Olive | 橄榄绿 Purple | 紫色 | Yellow | 黄色 Aqua | 浅绿色 | Blue | 蓝色 Green | 绿色 | Fuchsia | 紫红色 White | 白色 | Teal | 暗蓝绿 1 文件标签 body标签 (2) bgcolor属性——设定网页上的背景色 1 文件标签 body标签 (3) link、alink、vlink属性——设定超级链接不同状态的颜色 link：指定html文档中访问之前的超链接的颜色 alink: 指定html文档中正在按下的超链接的颜色。 vlink: 指定html文档中访问之后的超链接的颜色 若body属性中不指定，则使用默认值