网络数据库技术与应用(第二版) 教学课件 作者 王姝第五章 HTML语言.ppt

《网络数据库技术与应用(第二版) 教学课件 作者 王姝第五章 HTML语言.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章HTML语言基础教学内容：1、网页的本质——HTML语言。2、静态HTML网页的基本结构。3、HTML常用标记符。实践操作：熟悉HTML标记符并制作静态页面。本章目录5.1实例引入：家电服务网页5.2HTML语言简介5.3HTML常用的标记符5.4多媒体标记符5.5表单标记符5.1案例引入家电服务网页返回目录知识点：1、HTML文档的结构。2、网页中文本的修饰及列表的使用。3、插入表格、图像、背景音乐等网页元素。4、网页之间的超链接。5.2HTML语言简介HTML（HyperTextMarkupLanguage，超文本标记语言）是一种描述性的语言。使用标记符来文档结构。标记由

2、“<>”括在一起，其中有些标记是成对出现的，有些标记可单独使用。例如：与、
等。网页的本质：HTML语言。用HTML语言编写的网页文档是.htm或.html。采用纯文本编辑器来编写网页，如：记事本。HTML文件基本结构：【例5.2】一个简单的HTML文档。欢迎您！文档开始文档结束定义网页标题网页的内容返回目录5.3HTML常用的标记符HTML标记符有两种：一种是一般标记符；一种是空标记符。一般标记符必须成对出现。起始部分称为首标记符

3、，结束部分称为尾标记符。如：与、与等。空标记符，只是单一的一个标记符，如：
标记符。标记符还可以包含属性。5.3.1文件结构标记符1.HTML标记符格式：……功能：标识HTML文件的起始和终止。一般放在文档的第一行和最后一行。2.HEAD标记符格式：……功能：标识文件的头部。用于命名文档，提供文档内容的信息，指明作者或包含其他标识信息。HEAD标记符紧跟在标记符之后。3.BODY标记符格式：…功能：标识文件的主体区，标记符是

4、有属性的，常用的属性有：（1）页面的背景颜色（bgcolor）格式：bgcolor=“颜色值”（2）页面的背景图形（background）格式：background=“图形文件名”（图形文件的URL值）（3）文本颜色（text）格式：Text=“颜色值”（4）超链接属性（Link、Vlink、Alink）Link属性：定义还没有被浏览者激活的超链接颜色。Alink属性：定义正在被浏览者激活的超链接颜色。Vlink属性：定义已经被浏览者激活的超链接颜色。设置方法：Link=“颜色值”Alink=“颜色值”Vlink=“颜色值”5.3.2区段格式标记符1.TITLE标记符格式：

5、LE>…功能：TITLE标记符是放在HEAD标记符内的成对出现的标记符，用于规定HTML文档的标题。2.Hn标记符格式：…功能：用于简要描述段落的主题。Hn标记符共有6个级别：H1、H2、H3、H4、H5及H6。3.换行标记符
格式：
功能：换行标记符。如果没有换行标记符，Web浏览器将根据浏览器窗口的宽度尽可能长地显示文本，而不是按照HTML文档中的文本格式显示。4.段落标记符

格式：

…

6、作用是换行并在该行下面画一条水平线，直线的上下都会留出一定的空白。

格式：
…
功能：
标记符是预格式化标记符，它是成对出现的。Web浏览器按编辑文档时的字符位置将
标记符之间的内容一成不变地显示出来。5.3.3字符格式标记符用于改变HTML文档中文本的显示外观，增加网页的美感。HTML文档的字符格式标记符主要有、、、、等。…：定义标记符之间的文字为黑体文字。…：定义标记
7、符之间的文字为斜体文字。…：定义标记符之间的文字为带下划线的文字。…：定义标记符之间的文字将通过标记符内的属性设置来改变的字体。
…：之间的文字为居中方式显示。5.3.4列表格式标记符列表标记符通常用于列举相关信息条目，提供一种有组织的易于浏览的阅读格式。1.无序列表格式：
…
…
…
【例5.7】无序列表演示举例。