第2章HTML语言基础ppt课件.ppt

《第2章HTML语言基础ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章HTML语言基础本章主要内容：2.1网页的HTML结构2.2网页中的基本代码2.3使用超链接2.4网页中添加图像2.5网页中使用表格实践动手训练返回总目录2.1网页的HTML结构什么是HTML（HyperTextMarkupLanguage）语言？HTML（HyperTextMarkupLanguage）语言是一种描述文本的标记性语言。它使用一些写在<>中的标记对文本格式、特性进行描述，形成的文件称为超文本文件。通过浏览器解释标记的含义，显示文件的内容。当我们第一次启动DreamweaverMX时会自

2、动打开一个空文档，点击按钮切换到“显示代码视图”就可以看到一个网页的HTML语言结构。如下图：返回章目录2.1网页的HTML结构注释的内容网页的标题头部体部网页的代码结构网页的文件名返回章目录本节完2.2网页中的基本代码2.2.1文本段落设置2.2.2网页背景的设置2.2.3列表返回章目录2.2.1文本段落设置网页的“显示代码视图”模式下，在……标记中输入如图2.2所示代码：返回本节录点击按钮，在“显示设计视图”模式下的效果如下网页的标题2.2.1文本段落设置返回本节录2.2.1文

3、本段落设置按F12功能健打开浏览器窗口，在浏览器中的现实效果如下：返回本节录网页标题2.2.1文本段落设置修改一下代码：返回本节录2.2.1文本段落设置显示的效果如下：返回本节录2.2.2网页背景的设置设置网页背景色在网页的标记中设置bgcolor属性的值。bgcolor--背景色彩,*=RGB值RGB值用6个16进制数表示一种颜色：000000黑色black000080海蓝Navy0000FF蓝色Blue008000绿色Green008080蓝绿色Teal00FF

4、00绿色Lime00FFFF天蓝Aqua800000栗色Maroon800080紫色Purple800000黄绿色Maroon808080灰色GrayC0C0C0银色SilverFF0000红色RedFFOOFF紫红色FuchsiaFFFF00黄色YellowFFFFFF白色White808000橄榄色Olive008080土绿色TealD4D4D4灰色FFAAAA粉色设置网页的背景图片网页中可以插入的图片类型为.gif、.jpg、.png等，给网页添加背景图象就是在标记中设置backgroun

5、d属性的值，即。其中，“image-URL”代表图片文件的路径及文件名。所指定的网页背景图像即可以是站点内的图片文件（先将图片保存到站点文件夹中），也可以是站点外的图片文件的URL地址。例：显示的效果如下：返回本节录2.2.2网页背景的设置设置网页的背景音乐用标记设置背景音乐。通过src属性指定背景音乐所在的路径和文件名（事先将midi音乐或mp3文件保存在

6、站点中），并且通过loop属性指定音乐的播放次数。loop属性的值为–1时循环播放。标记单独一行，添加在……标记中。例：返回本节录效果是当网页在浏览器中打开时音乐就会开始播放，直到离开当前页2.2.2网页背景的设置固定网页背景图片在标记中的属性bgproper

7、ties="fixed"的设置，可以使网页内容长度超过一屏时，在网页内容滚动时背景图片静止不动。返回本节录2.2.3列表无序列表无序列表的各个项目可以按任意次序排列，项目之间相互独立。列表的各个项目前使用特定的符号做标记。如下图：返回本节录2.2.3列表无序列表必须由

标记开始，

……