第3章 HTML基础与层叠样式单CSS.pdf

Web开发实用技术 南京理工大学 计算机学院 主 讲 教 师: 付安民 电 子 邮 箱: fam_0522@163.com 学习要点  1.了解HTML文档的基本结构。  2.掌握HTML文档的各种常用标记。  3.熟练使用各种HTML控件标记以及帧标记、浮动帧标记 。  4．了解CSS的特点。  5．掌握CSS中各种选择符的定义及使用方法。  6．掌握CSS样式常用的属性例如字体属性、颜色和背景 属性、文本属性、边框属性等。  7．掌握在HTML中使用CSS的几种方式。  8．了解CSS中各种滤镜的定义及显示效果。 2-32 HTML基础与层叠样式单CSS 学习Web开发技术，必须首先熟悉HTML的常 用标记，熟悉其含义和作用。另外每一个 HTML标记或者称为HTML元素（有时也称 HTML标签）都可看成一个在浏览器中显示 的对象。层叠样式单CSS的作用就是为网页 上的HTML元素精确地定位，控制HTML元素 的外观显示，可以把网页上的显示内容和 显示外观相分离。 3-32 第3章 HTML基础与层叠样式单CSS 3.1 HTML基础 3.2 层叠样式单CSS 4-32 3.1 HTML基础 3.1.1 HTML文件基本结构 3.1.2 文本和格式标记 3.1.3 超链接标记和表格标记 3.1.4 图像、视频与动画、声音处理标 记 3.1.5 控件标记 3.1.6 帧标记和IFRAME 标记 5-32 3.2 层叠样式单CSS 3.2.1 CSS的特点 3.2.2 CSS的定义 3.2.3 CSS中的选择符 3.2.4 CSS的使用方式 3.2.5 用CSS控制Web页元素的显示外观 3.2.6 CSS应用实例 6-32 3.1 HTML基础 什么是HTML语言 HTML语言是超文本标记语言（Hyperlink Text Markup Language ）的缩写。它是World Wide Web的描述语言，是 一种描述文档结构的语言，而不能描述实际的表现形式。 用HTML语言写的页面是普通的文本文档（ASCII ），不含 任何与平台和程序相关的信息，它们可以被任何文本编辑 器读取。用HTML语言编写的网页文件，也称HTML页面文件 ，或称HTML文档，是由 HTML标记组成的描述性文本。 HTML标记可以说明文字、 图形、动画、声音、表格、链 接等。 7-32 3.1.1 HTML文件基本结构 HTML文件的结构包括头部 (Head)、主体 (Body)两大部 分,头部描述浏览器所需的信息，主体包含所要说明的具 体内容。HTML文件通常使用“标记名”和“/标记名 ”来表示标记的开始和结束，因此在HTML文件中标记一 般是配对使用的。不配对使用的标记占少数。 一个HTML页面文件的最基本结构为： HTML HEAD TITLE 浏览器窗口显示的窗口标题 /TITLE /HEAD BODY …… Web页面内容 /BODY /HTML 8-32 首先文件中各个标记必须包含在HTML和/HTML之间， HEAD和/HEAD标记是网页头部标识，其中的浏览器窗口标题 放在TITLE和/TITLE之间。所有需要在浏览器中显示的标记 内容放在BODY和/BODY之间。 HTML文档基本标记演示范例 一个完整的HTML文档是由文档类型、HTML语言标记、头元 素标记、网页标题标记、主体