2静态网站HTML语言基础.pptVIP

第2章 HTML语言基础 本章主要内容： 2.1 网页的HTML结构 2.2 网页中的基本代码 2.3 使用超链接 2.4 网页中添加图像 2.5 网页中使用表格 实践动手训练 2.1 网页的HTML结构 什么是HTML（HyperText Markup Language）语言 ？ HTML（HyperText Markup Language）语言是一种描述文本的标记性语言。它使用一些写在中的标记对文本格式、特性进行描述，形成的文件称为超文本文件。通过浏览器解释标记的含义，显示文件的内容。 当我们第一次启动Dreamweaver MX时会自动打开一个空文档，点击按钮切换到“显示代码视图”就可以看到一个网页的HTML语言结构。如下图： 2.1 网页的HTML结构 2. 2 网页中的基本代码 2.2.1 文本段落设置 2.2.2 网页背景的设置 2.2.3 列表 2.2.1文本段落设置 网页的“显示代码视图”模式下，在body……/body标记中输入如图2.2所示代码： 2.2.1 文本段落设置 2.2.1 文本段落设置 按F12功能健打开浏览器窗口，在浏览器中的现实效果如下： 2.2.1 文本段落设置 修改一下代码： 2.2.1 文本段落设置 显示的效果如下： 2.2.2 网页背景的设置 设置网页背景色 在网页的body标记中设置bgcolor属性的值body bgcolor=* 。 bgcolor -- 背景色彩, *=RGB值 RGB值用6个16进制数表示一种颜色： 000000 黑色black 000080 海蓝Navy 0000FF 蓝色Blue 008000 绿色Green 008080 蓝绿色Teal 00FF00 绿色Lime 00FFFF 天蓝 Aqua 800000 栗色Maroon 800080 紫色Purple 800000 黄绿色Maroon 808080 灰色Gray C0C0C0 银色Silver FF0000 红色Red FFOOFF 紫红色Fuchsia FFFF00 黄色Yellow FFFFFF 白色White 808000 橄榄色Olive 008080 土绿色 Teal D4D4D4 灰色 FFAAAA 粉色 设置网页的背景图片 网页中可以插入的图片类型为.gif、.jpg、.png等，给网页添加背景图象就是在body标记中设置background属性的值，即 body background=image-URL。其中，“image-URL”代表图片文件的路径及文件名。所指定的网页背景图像即可以是站点内的图片文件（先将图片保存到站点文件夹中），也可以是站点外的图片文件的URL 地址。 例：body background=“../images/pic042.jpg”显示的效果如下： 2.2.2 网页背景的设置 设置网页的背景音乐 用bgsound 标记设置背景音乐。通过src属性指定背景音乐所在的路径和文件名（事先将midi音乐或mp3文件保存在站点中），并且通过loop属性指定音乐的播放次数。loop 属性的值为–1时循环播放。bgsound 标记单独一行，添加在body……/body标记中。 例：bgsound src=../music/chensiqu.mp3 loop=-1 2.2.2 网页背景的设置 固定网页背景图片 在标记body bgproperties=fixed background=../images/pic042.jpg中的属性bgproperties=fixed的设置，可以使网页内容长度超过一屏时，在网页内容滚动时背景图片静止不动。 2.2.3 列表 无序列表 无序列表的各个项目可以按任意次序排列，项目之间相互独立。列表的各个项目前使用特定的符号做标记。如下图： 2.2.3 列表 无序列表必须由ul标记开始，/ul标记结束。所有的列表项都在ul……/ul标记中。列表中的项目由li标记定义，项目的条数由li的个数确定。 ul li列表项目1 li列表项目2 li列表项目3 …… /ul 下图是源代码： 2.2.3 列表 2.2.3 列表 有序列表 有序列表是将列表的中的各项进行编号，各个项目之间有一定的逻辑次序。 2.2.3 列表 有序列表由ol标记开始，/ol标记结束。所有的列表项都在ol……/ol标记中。列表中的项目由li标记