网页制作第十四章超文本编程技术.pptVIP

第 14 章 超文本编程技术 ? 课前导读 ? 课堂讲解 ? 上机实战 ? 课后练习 课前导读 ? 基础知识 ? 重点知识 基础知识 HTML 的基本概 念， HTML 的语法特 征， HTML 的基本文 件格式。 重点知识 用 HTML 控制各 种网页元素，用 HTML 制作页面。 课堂讲解 ? 超文本标记语言 （ HTML ）简介 ? HTML 基本语法 Dreamweaver 、 FrontPage 等网页编 辑器生成的都是 HTML 文档，它们提供 的其实都只是一个网页编辑的集成环境， 采取可视化的界面，使用户不用了解具 体的 HTML 标记，也可以十分轻松地编 写出精美的网页。但如果想要更自由地 控制网页的格式、效果，得到最好的代 码质量，还需要学习一下 HTML 。 超文本标记语言（ HTML ）简介 ? HTML 基本概念 ? HTML 语法特征 ? HTML 的基本文件格式 HTML 是 Internet 上用于编写网页的主要 语言。 HTML 不需要翻译而直接由浏览器解 释执行。如果不考虑 ASP 和 PHP 等，一般的 网页都可以在浏览器中查看其 HTML 代码。 HTML 可以很方便地使用任何文本编辑器编 辑生成，也可以很方便地在 Internet 上传输。 事实上访问一个网页时，就是从服务器上下 载它的源代码，然后使用网页浏览器自带的 解释器解释执行该源代码，按照解释结果将 网页展现在我们面前。因此同一个网页，在 不同的浏览器或同一浏览器的不同版本上的 显示效果都很可能是不一样的。 HTML 基本概念 HTML 是 Hyper Text Markup Language 的 首字母缩写，中文通常称作超文本标记语言。 用其语法规则建立的文档可以运行在不同操 作系统的平台上。它的作用是通过一些标签 来告诉浏览器怎么显示标签中的内容。 HTML 中的标签是固定的，不能扩展标签， 在 HTML 文件中要显示的数据和如何显示这 些数据的方法同时存在，即 HTML 不仅要负 责组织数据还要负责显示数据。 HTML 文件 的扩展名为 htm 或 html 。 HTML 语法特征 纯文本标记语言的语言构成主要通 过各种标记（ Tag ）来表示，通常标记由 符号“ ” 、“ ” 以及其中所包容的标记 元素组成。如想在浏览器中显示一段倾 斜的文本，可采用标记 b 和 /b ，如 b 粗体显示 /b 。 在用浏览器显示时，标记 b 和 /b 不会显示，浏览器在文档中发现了 这对标记，就将其中包容的文字（如前 面的“粗体显示”）以倾斜方式显示。 ? HTML 的语法规则有以下 3 种表达方式： ? 标记 对象 / 标记 ? 标记 属性 1= 参数 1 属性 2= 参数 2… 对象 / 标记 ? 标记 ? 语句中标记的书写不分大小写。下面分别对 3 种标记形式进行介绍。 ? 标记 对象 / 标记 该语法显示了使 用封闭类型标记的形 式。多数标记是封闭 类型的，它们成对出 现，在对象内容的前 面是一个标记，在对 象内容的后面是另一 标记，第二个标记元 素前带有反斜线，表 明结束标记对对象的 控制。如 i 国际名牌 进军中国 /i 表示浏 览器以斜体的形式显 示“国际名牌进军中 图 15-1 如果一个该 封闭的标记而没 有被封闭，则会 随浏览器的不同 而出现各种错误。 如忘记用 /i 标 记封闭“国际名 牌进军中国”文 本，则后面输入 的所有文字都会 以斜体的形式出 现，如图 15-2 所 示。 图 15-2 ? 标记 属性 1= 参数 1 属性 2= 参数 2… 对象 / 标记 该语法显示了使用封闭类型标记的扩 展形式，利用属性可以进一步设置对象某方 面的内容，而参数则是设置的结果。如 a href=”http://www.dx - ” 导向科技主页 /a 。 a 和 /a 是锚标记，用于在文档中 创建超级链接， href 是该标记的属性之一， 用于设置超级链接所指向的地址，在“ =” 后 面的就是 href 属性的参数，对象是“导向科 技主页”文本，在浏览器中预览如 图 15-3 所 示。 一个标记的属性可以有多个，在描述 完一个属性后，输入一个空格，然后继续描 ? 标记