网页编程技术使用html编写网页.pptVIP

第2章 HTML语言 彭 丽 旅游学院 教育科学与技术系 E-mail:pengli@ 第2章 HTML语言 什么是 HTML 文件？ HTML 指超文本标签语言。 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面 HTML 文件必须使用 htm 或者 html 作为文件扩展名。 HTML 文件可以通过简单的文本编辑器来创建。 为什么我们要使用小写的标签？ HTML 标签对大小写是不敏感的：b 和 B 的作用的相同的。当我们在网上冲浪时，会发现大多数教程在他们的例子中都使用大写的 HTML 标签。但本课程我们全部是使用小写。原因何在呢？ 如果你希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网联盟 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。 HTM 还是 HTML 扩展名？ 当将一个 HTML 文件存盘时，你既可以使用 HTM 也可以使用 HTML 作为扩展名。使用 .htm 作为扩展名也许是一个坏习惯，习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯，这些软件只允许三个字母作为扩展名。建议使用.html作为文件后缀名。 3.1 基本结构标记 3.1.1 开始和结束标记html/html 3.1.2 头部标记head/head 3.1.3 标题标记title/title 3.1.4 主体标记body/body 3.1.5 设定Web页面颜色 3.1.6 说明信息标记meta 3.1.7 注释标记“!”与“” 3.1.1 开始和结束标记html/html HTML文档的开始标记是html，它告诉浏览器下面的内容是HTML文档，在HTML文档结束处要有对应的/html标记，它告诉浏览器HTML文档结束了。 它的语法格式为 html HTML文件的所有内容 /html 实例：HTML基本结构标记 3.1.2 头部标记head/head HTML文档的头部标记是head，它告诉浏览器下面的内容是HTML文档的头部，显示在文本之前，而/head标记告诉浏览器头部内容结束了。 下面这些标签可用在 head 部分：base, link, meta, script, style, 以及 title以及注释。 它的语法格式为： head HTML文档的头部内容 /head 3.1.3 标题标记title/title title和/title标记中间所包含的文字将成为这个Web页面的标题，一般写在头部标记之中。标题文字会显示在Web浏览器最上面的title(标题)栏上。浏览器用户可以把标题加入收藏夹中。标题文字最好使用中文并且有明确的意义。 它的语法格式为 titleWeb页面的标题/title [例如]头部标记和标题标记的使用。 html head title Web页面的标题/title Web页面的标题和头部标记练习 /head /html 3.1.4 主体标记body/body body标记是Web页面主体标记的开始，并对应结束符/body。Web页面的主要内容都出现在body和/body标记之中。 它的语法格式为 body 主体内容 /body 实例：HTML基本结构标记 3.1.5 设定Web页面颜色 body标记还具有一些可以设定Web页面背景色的属性，可使用图片/图像作背景，确定链接的颜色，设置文字的颜色等。 它的语法格式为 body [bgcolor=# text=# link=# alink=# vlink=# background=图像文件名] 文档内容 /body 其中，bgcolor指定HTML的背景颜色；text指定HTML文件中文字色彩属性；link指定HTML文件中待连接超链接对象的色彩属性；alink指定HTML文件中连接超链接对象的色彩属性；vlink指定HTML文件中已连接超链接对象的色彩属性；background指定HTML背景为平铺图像（这个功能最好不用，因为它会大大降低显示速度）。 对于颜色的描述有三种方法 用英文描述的颜色，如“red”等 用#与6位十六进制数,每种颜色使用两位十六进制数，从00到FF，前两位设置红色的深浅，中间两位设置绿色的深浅，后两位设置蓝色的深浅。如红色可以表示为“#FF0000 用rgb(红色整数值，绿色整数值，蓝色整数值)，其中整数值都是0-255之间的整数 注意： “[ ]”中的属性可选可不选，根据需要可以选择其中的一个、部分和全部。 实例：WEB页面颜色设定 3.1.