网页设计与制 第二章讲稿.pptVIP

《网页设计与制作教程》 作者：孟显勇 北京理工大学出版社 第二章 HTML基础 HTML语言是实现网页设计的基础，本章主要对HTML语言的基本知识进行学习，通过具体实例掌握HTML语言的基本功能和作用，熟悉常用标签的表达方式和使用方法，掌握常用标签的属性和属性值代表的含义及其使用方法。 2.1 HTML语言基础 HTML语言是一种常用的网页标识语言，可以将各种文字、图像、音频和视频文件嵌入到网页中，实现Internet上资源的共享，它是网络资源共享的具体实现方式。 2.1.1 HTML简介 HTML（HyperText Mark-up Language）超文本标签语言，网页设计常用的标识语言，它由SGML（Standard?Generalized?Markup?Language）语言发展而来。HTML编写的超文本文档称为HTML文档，也就是网页。网页上包含文字、图像、音频、视频等多媒体对象，HTML语言通过各种标签、属性对网页内的各种多媒体对象进行个性化的定义就形成风格多样的网页。 2.1.1 HTML简介 HTML语言既可以实现静态网页的制作，又可以与动态网页技术结合可以制作出功能强大的动态网页，或者其它交互性强的Web应用程序。 HTML语法非常简单，命令简洁明了，命令具有扩展性，可以运行在各种操作系统平台，例如，Windows、Linux，Unix等。 2.1.1 HTML简介 HTML 是一种标签性语言，它和C、 Basic 、Java和 C++ 之类的程序语言不通，每个标签都表示不同的指令，每个属性表示指令的参数，浏览器对HTML文档进行解释执行，根据不同的标签来对页面对象进行不同的处理。 2.1.2基本HTML文件的组成 HTML文档的结构包括头部（Head）和主体（Body），其中“头部”描述浏览器所需的页面辅助信息，例如，页面的文字格式，页面的关键字、字符标准以及页面动画效果等，而“主体”主要是呈现给浏览者的网页具体内容，例如，图片、视频、音频、文字、表格以及框架等。 2.1.2基本HTML文件的组成 下面是一个基本的HTML文档的代码：htmlhead/headbody background=”#blue”这是一个HTML页面。/body/html 2.1.2基本HTML文件的组成 代码段里的一对“html /html”符号表示一对HTML标签。 “html /html”代表了这是一个HTML文档， “body /body”代表了页面主体，其中“body background=”#blue” ”中的“background”是属性，其定义页面背景色，“#blue”是属性值，表示背景色是蓝色。文字“这是一个HTML页面。”是被body标签修饰的多媒体对象。 2.1.3 HTML标签 标签是HTML语言的基本组成单元，通过标签来描述一个网页文件布局和逻辑结构。HTML语言用一对“”和“”符号表示一个HTML标签，并将具有一定含义的“标签名”放在其中，我们也将标签名叫“元素”，标签名与“”和“”构成了完整的标签，也将标签叫做“标记”。标签名一般用表示其功能的英文单词表示，例如，“table/table”表示定义一个表格，“form/form”表示定义一个表单。 2.1.3 HTML标签 我们将标签分为“封闭型”和“非封闭型”。 封闭型标签的格式是：标签名被控制的多媒体对象/标签名。HTML语言中标签绝大多数都是封闭型标签，例如，html/html标签。 2.1.3 HTML标签 非封闭标签的格式是：标签名。 HTML语言中非封闭标签较少，如换行标签br就是一种非封闭标签。 2.1.3 HTML标签 封闭标签和非封闭标签在功能上有很大区别，封闭标签实现的功能必须要告诉浏览器此效果从哪里开始，到哪里结束。而对于非封闭标签则不需要确定起始和终止位置，只是执行一个单一的操作。 2.1.3 HTML标签 从一个基本的HTML文档代码我们可以发现标签是有层次性的，比如html/html标签就包含head/head标签和body/body标签。 标签就像容器一样，可以将表示范围小的标签嵌入到表示范围比较大的标签里。例如，table标签表示表格，tr标签表示表格的行，因此它们有这样的嵌套关系，即tabletr/tr/table。 2.1.3 HTML标签 但是并不是所有的标签之间都有明确的层次关系，比如，B表示文字加粗显示，I表示文字倾斜显示，这些标签只是对文字格式的定义，不存在层次关系，只涉及作用范围，对于这类标签可以不用考虑嵌套顺序。 标签不区分大小写，例如，body/body和BODY/BODY是等价的。 2.1.4 HTML的属性和属性值 封闭类型的标签属性格式是：标签名 属性1=属性值1 属性