Web数据库技术 -高晗 第3章.ppt

第3章 HTML语言基础 本章学习要点 l HTML语言及其基本语法 l 构成网页的基本元素 l 超文本链接指针 l?表格和分框 超文本标记语言HTML（Hyper Text Markup Language）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如Unix，Windows等）。 HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链接（Hyperlink）信息的。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息应如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样的原因。 3.1 网页设计基本原则 3.3 构成网页的基本元素 题目(title) title元素是文件头中惟一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为： title题目/title 题目标明该HTML文件的题目，是对文件内容的概括。 3.4超文本链接指针 使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，更加符合人的思维方式。人的思维是跳跃的、交叉的，而每一个链接指针正好代表了作者或者读者的思维跳跃。 一个超文本链接指针由两部分组成：一是被指向的目标，它可以是同一文件的另一部分，也可以是世界另一端的一个文件，还可以是动画或音乐；另一部分是指向目标的链接指针。 3.7 分框（frame） 分框将同一浏览器的窗口（主框架：frameset定义）分成多个区域（子框：frame定义），每个区域可以单独显示一个HTML文件，各个区域也可相关连地显示某一个内容。分框的基本结构如下： 　 html 　　head 　　title…/title 　　/head 　　noframes…/noframes 　　frameset rows=# cols=# frameborder=# framecolor=# 　　frame src=# name=# scrolling=# noresize 　　/frameset /html 本章小结 本章主要介绍了HTML语言的结构、构成网页的基本元素、超文本链接指针、版面风格控制，以及如何使用表格、分框等内容。表单部分的内容将在后面章节中专门介绍。 浮动表格 所谓浮动表格是指表与文件中内容对齐时，若在现在位置上不能满足其对齐方式，表格会上下移动，即“挤开”一些内容，直到满足其对齐要求。 浮动属性一般由align=left或right指定。 3.8 其他标签 其他标签说明如下表所示。语法格式： !--注释-- bgsound src=# loop=# marquee direction=# behavior=# loop=# scrollamount=# scrolldelay=# align=#…/marquee 标 签 语法说明 !--注释-- 注释功能，不显示在网页上 bgsound src=# 增加背景音乐 #=wav 文件所在的URL loop=# 设定循环次数 #=循环次数 marquee 设置文字滚动功能 direction=# 设置滚动方向 #=left、right、up、down behavior=# 设置滚动方式 #=scroll, slide, alternate loop=# 设置循环次数 scrollamount=# 设置滚动速度 scrolldelay=# 设置滚动延时 align=# 设置对齐位置 #=top、middle、bottom * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在设计网页的过程中，要了解以下基本设计原则： （1）正确分析网页用户的需要。 （2）网页下载时间不宜过长。 （3）网页的设计要做到在不同的环境下都能浏览。 （4）注意网页中的图形设计。 （5）定期更新网页内容。 （6）注意网站内容的搭配。 （7）考虑不支持某些功能的浏览器。 （8）对多媒体文件实施有限的限制。 3.2 HTML语言的结构 从结构上讲，HTML文件由元素（element）组成。每一个元素都有名称和可选择的属性，元素的名称和属性都在起始标