第五章网页设计基础 51HTML基本知识 52网页设计工具 53静态网页设计 54网页修饰 55表单和客户端脚本 56框架和模板
第五章 网页设计基础 5.1 HTML基本知识 5.2 网页设计工具 5.3 静态网页设计 5.4 网页修饰 5.5 表单和客户端脚本 5.6 框架和模板
5 HTML基本知识 51.1HTML介绍 HTML是英文 Hyper Text Markup Language 的缩写,中文意思是超文本标记语言。HTML是 万维网文档发布和浏览的基本格式,它允许人们 透明的共享网络上的信息,即使大家使用的计算 机差别很大
5.1 HTML基本知识 5.1.1 HTML介绍 HTML是英文Hyper Text Markup Language 的缩写，中文意思是超文本标记语言。HTML是 万维网文档发布和浏览的基本格式，它允许人们 透明的共享网络上的信息，即使大家使用的计算 机差别很大
具备以下几个特点: ●独立于平台,可以在任何的计算机硬件和操作系 统上以相似的形式显示文档内容。 ●超文本,允许文档中的任何文字或词组参照另 文档,用户可以在不同计算机中的文档之间及文档内 部漫游。 ●精确的结构化文档,允许某些高级应用,如 HTML文档和其他格式文档间相互转换以及搜索文本 数据库
具备以下几个特点： ● 独立于平台，可以在任何的计算机硬件和操作系 统上以相似的形式显示文档内容。 ● 超文本，允许文档中的任何文字或词组参照另一 文档，用户可以在不同计算机中的文档之间及文档内 部漫游。 ● 精确的结构化文档，允许某些高级应用，如 HTML文档和其他格式文档间相互转换以及搜索文本 数据库
发展到了今天,可以把它理解成为一种规范—HTML规范。只 要遵从HTML规范,用不同文本编辑工具(记事本、Word等) 编写、或其它方法(利用网页制作工具)直接生成出来的网页 文件,都可以在 Internet浏览器上正确识别和浏览。 表51HML所支持的不同层面 HTML层面 支持的特点 第0级 命令、标题、目录、联接 第1级 图片、强调、文字、加亮度 第2级 表格、字型定义 第3级 图表、数据 第4级 数学公式
发展到了今天，可以把它理解成为一种规范—HTML规范。只 要遵从HTML规范，用不同文本编辑工具（记事本、Word等） 编写、或其它方法（利用网页制作工具）直接生成出来的网页 文件，都可以在Internet浏览器上正确识别和浏览。 表5_1 HTML所支持的不同层面 HTML层面 支持的特点 第0级 命令、标题、目录、联接 第1级 图片、强调、文字、加亮度 第2级 表格、字型定义 第3级 图表、数据 第4级 数学公式
512HTML文档结构 HTML文件的基本格式:
5.1.2 HTML文档结构 HTML文件的基本格式：
在开始编写HTML文档之前,首先应构造出轮廓。因为如 果要web浏览器正确地解释HTML文档中的标记,则必须遵 循一定的格式。如: (1)HTML文档内容必须以标记开始,并以 标记结束; (2)文件头部分必须包含在标记和 标记之间; (3)在文件头中可设置一个文档标题,用和 /TILE>标记声明; (4)文档正文部分包含在和标记之 (5)文档采用的格式加入注释
在开始编写HTML文档之前，首先应构造出轮廓。因为如 果要web浏览器正确地解释HTML文档中的标记，则必须遵 循一定的格式。如： （1）HTML文档内容必须以标记开始，并以 标记结束； （2）文件头部分必须包含在标记和 标记之间； （3）在文件头中可设置一个文档标题，用和 标记声明； （4）文档正文部分包含在和标记之 间。 （5）文档采用的格式加入注释
5.13HTML基本标记的使用 网页(WEB页)的本质是HTML文档,由标识和不同文本组 成。页面上支持多种媒体形式,如图片、声音、动画。但多 媒体文件单独以文件形式保存,网页只是通过标识对多媒体 文件进行调用
5.1.3 HTML基本标记的使用 网页（WEB页）的本质是HTML文档，由标识和不同文本组 成。页面上支持多种媒体形式，如图片、声音、动画。但多 媒体文件单独以文件形式保存，网页只是通过标识对多媒体 文件进行调用
1.文档头标记 HTML文档的head部分是文档头,在文档头中常用的一些标 记有: (1)标记 用于定义网页标题栏上的显示内容。 (2)标记 是放于与之间的标记,功用 主要为: 1)定义该网页的关键字,可以使搜索引擎根据关键字搜索 到我们网站的页面。 2)控制页面的缓存 3)设定这是HTML文件及其编码语系。 4)使用过的网页编辑器 5)页面刷新和自动跳转
1. 文档头标记 HTML文档的head部分是文档头，在文档头中常用的一些标 记有： （1）标记 用于定义网页标题栏上的显示内容。 （2）标记 是放于与之间的标记，功用 主要为： 1）定义该网页的关键字，可以使搜索引擎根据关键字搜索 到我们网站的页面。 2）控制页面的缓存 3）设定这是HTML文件及其编码语系。 4）使用过的网页编辑器 5）页面刷新和自动跳转
2.文件体标记 标记用于定义HTML文档的主体,包含在 标记对中的内容将显示在浏览器的主窗口中。后面介绍的常用 标记都是使用在文件体部分的,而且标记本身自带的 些参数可以对整个页面进行设置 参数的内容如下: background背景图片文件 bgcolor 背景颜色 text 字体颜色 link 联接文字的颜色 vlink 已访问联接文字的颜色 alink 当前联接文字的颜色 Leftmargin 页面左侧留白距离 Topmargin 页面顶部留白距离
2.文件体标记 标记用于定义HTML文档的主体，包含在 标记对中的内容将显示在浏览器的主窗口中。后面介绍的常用 标记都是使用在文件体部分的，而且标记本身自带的 一些参数可以对整个页面进行设置。 参数的内容如下： background 背景图片文件 bgcolor 背景颜色 text 字体颜色 link 联接文字的颜色 vlink 已访问联接文字的颜色 alink 当前联接文字的颜色 Leftmargin 页面左侧留白距离 Topmargin 页面顶部留白距离
3常用页面标记标记 (1)格式标记 段落标记 换行标记  i 空格标记 水平线标记
3.常用页面标记标记 （1）格式标记 段落标记 换行标记 空格标记 水平线标记