商务网站设计_(4).pdf

第五章 网页设计基础 5.1 HTML基本知识 5.2 网页设计工具 55.33 静态网页设计静态网页设计 5.45.4 网页修饰网页修饰 5.5 表单和客户端脚本 5.6 框架和模板 5.1 HTML基本知识 55.11.11 HTMLHTML介绍介绍 HTMLHTML是英文是英文HyperHyper TextText MarkupMarkup LanguageLanguage 的缩写，中文意思是超文本标记语言。HTML是 万维网文档发布和浏览的基本格式万维网文档发布和浏览的基本格式，它允许人们它允许人们 透明的共享网络上的信息，即使大家使用的计算 机差别很大机差别很大 具备以下几个特点： ●● 独立于平台独立于平台，可以在任何的计算机硬件和操作系可以在任何的计算机硬件和操作系 统上以相似的形式显示文档内容。 ●● 超文本超文本，允许文档中的任何文字或词组参照另允许文档中的任何文字或词组参照另一 文档，用户可以在不同计算机中的文档之间及文档内 部漫游部漫游。 ● 精确的结构化文档，允许某些高级应用，如 HTMLHTML文档和其他格式文档间相互转换以及搜索文本文档和其他格式文档间相互转换以及搜索文本 数据库。 发展到了今天，可以把它理解成为一种规范—HTML规范。只 要遵从HTML规范，用不同文本编辑工具（记事本、Word等） 编写、或其它方法（利用网页制作工具）直接生成出来的网页 文件，都可以在Internet浏览器上正确识别和浏览。 表5_1 HTML所支持的不同层面 HTML层面 支持的特点 第0级 命令、标题、目录、联接 第1级 图片、强调、文字、加亮度 第2级 表格、字型定义 第3级 图表、数据 第第4级级 数学公式数学公式 5.1.2 HTML文档结构 HTML文件的基本格式： Html Head !--文件头部分-- /Head/Head Body !--正文部分-- /B/Boddy /Html 在开始编写HTML文档之前，首先应构造出轮廓。因为如 果要果要webb浏览器正确地解释浏览器正确地解释HTMLHTML文档中的标记文档中的标记，则必须遵则必须遵 循一定的格式。如： （（11））HTMLHTML文档内容必须以文档内容必须以HTMLHTML标记开始标记开始，，并以并以 /HTML标记结束； （2）文件头部分必须包含在HEAD标记和/HEAD 标记之间； （3）在文件头中可设置一个文档标题，用TITLE和 /TITLE/TITLE标记声明标记声明； （4 ）文档正文部分包含在BODY和/BODY标记之 间间。。 （5）文档采用!-- 在此加入注释--的格式加入注释。 5.1.3 HTML基本标记的使用 网页（WEB页）的本质是HTML文档，由标识和不同文本组 成。页面上支持多种媒体形式，如图片、声音、动画。但多 媒体文件单独以文件形式保存媒体文件单独以文件形式保存，网页只是通过标识对多媒体网页只是通过标识对多媒体 文件进行调用。 1. 文档头标记 HTMLHTML文档的文档的headhead部分是文档头部分是文档头，在文档头中常用的一些标在文档头中常用的一些标 记有： （（11））TITLETITLE 标记标记 用于定义网页标题栏上的显示内容。 （2）META标记 META是放是放于HEAD与与/HEAD之间的标记之间的标记，功用功用 主要为： 11））定义该网页的关键字定义该网页的关键字，可以使搜索引擎根据关键字搜索可以使搜索引擎根据关键字搜索 到我们网站的页面。 2））控制页面的缓存控制页面的缓存 3）设定这是HTML文