《第03章超文本标识语言HTML》-公开·课件.pptVIP

第3章超文本标识语言HTML 主要内容 HTML的基本知识 页面结构 结构标记 文本格式编排 本地机图像 有序表、无序表和定义表 定位链接标记 编写HTML和JavaScript脚本的工具 3.1HTML的基本知识 主要内容 3.1.1超文本、超媒体与通讯协议 3.1.2HTML语言简介 3.1.3HTML的扩展 3.1.4HTML的编程风格 3.1.1超文本、超媒体与通讯协议 1.超文本 超文本是一个完全不同于线性文本的一种新文本。 超文本是按若干链接文本的互联方式来组织文稿信息的。 超文本中可以嵌入许多HTML元素，如表单、表格、声音、图像、动画、视频等。 超文本的特点： 超文本本身可以称为该超链接中的定位符，其中任何图像内容也可以像文本内容一样是进行调用，它也是该超链接中的一种定位符。 超文本允许将非线性结构的文稿内容安排到一个超文本作品中。 3.1.1超文本、超媒体与通讯协议 2.超媒体 超媒体是指含有文本对象以外事物的超文本应用媒体。 超媒体的应用方式包括：声音、图像、动画、视频等。 超文本标记语言HTML含有定义与多媒体对象链接所用的置标标记。 置标标记包括： 多媒体对象如何在浏览器上显示出现。 图像媒体如何扩展成文稿中的一幅插图或图像。 声音、动画和视频等媒体如何在具有“播放节目”控件、“停止播放节目”控件等的窗体中进行表示。 3.1.2HTML语言简介 1.HTML语言简介 （1）什么是标准通用型标记语言SGML 在传统出版印刷行业中，作者提供手稿，编辑用特殊的编辑符号加上各种修改标记，从而规定书稿的印刷字体、印刷格式、版面大小、文本与图像的精确位置等。 一个SGML文档由如下三部分组成： 用于描述文档所使用的字符集，它的字符是用来区分文本内容和标记符号的。 用于说明文档类型以及可以使用哪些标记。 用于表示一个文档实例，它包括实际的文本内容和标记符号。 3.1.2HTML语言简介 （2）字符实体和置标标记 字符实体就是一种特殊的代码，浏览器处理并显示预定的特殊字符。这些字符实体前面一般冠有前缀“”，接着是字符名或字符编号，最后使用分号结束。 例如“it”用于表示左角括号和小于符号。 置标标记是使用一对尖角括号“”进行分隔的。 可以单独出现，如标记BR用于表示文本内容中的换行。 可以使用开始标记/结束标记对出现，用于表示描述其中所包含的内容，例如I置标标记/I表示使用斜体字显示字符串“置标标记”。 2.拉丁字符集－1 HTML文档文件使用的基本字符集是拉丁字符集－1，它包含有大多数英语、德语、法语、西班牙等欧洲语言字符的八位字符。 传统ASCII字符集属于拉丁字符集－1的子集。 3.HTML与浏览器 （1）使用主机上网方式进行浏览 （2）与大型商业联机服务提供商相连接 3.1HTML的基本知识 3.1.3HTML的扩展 1.公共网关接口CGI 2.Java Applet程序 3.ActiveX控件和VBScript语言 3.1.4HTML的编程风格 1.形式服从功能 2.超链接 3.通用性 4.通过Web学习HTML 3.2页面结构 主要内容 3.2.1HTML文件的组成 3.2.2.文件头部分 3.2.3.文件体部分 3.2.1HTML文件的组成 1.HTML文件的组成 【例3-1】一个简单HTML文件示例。 HTML HEADTITLE一个简单HTML文件示例/TITLE/HEAD BODY H2 ALIGN=center一个简单HTML文件示例/H2 /BODY /HTML 3.2页面结构 3.2.2.文件头部分 文件头部分所指定的信息就是HTML文档的标题。 说明性标记，如在META标记下的关键字、格式说明、图表说明等。 标题将出现在浏览窗口的标题栏位置，即该浏览窗口的顶部。 使用HEAD标记可以指定页面的背景和文本颜色，取代浏览器的隐含设置。 3.2.3.文件体部分 HTML文档文件的实际内容应该安排在BODY标记内。 BODY/BODY标记对中可以包含文本的许多段落。 文件体部分可包含带编号列表、带箭头列表、行列数可变的表格。 HTML页面的文件体部分也可以包含许多非文本型的标记元素。 使用图形、本地机图像、音乐、视频图像、动画、声音、区域、另一个页面、Web站点、文件、数据库、超链接等。 3.3结构标记 主要内容 3.3.1置标标记与字符实体 3.3.2标记语法 3.3.3结构标记 3.3.4水平尺标记 3.3.1置标标记与字符实体 1.置标标记 HTML语言的简单性就在于置标标记的广泛使用。 浏览器不能接受置标标记内的拼写错误和附加空白。 【例3-2】拼错/HTML标记以观效果。 HTML HEADTITLE拼错/HTML标记以观效果/TITLE/HEAD BODY H1 ALIGN=center