第3章 简单的Web文档.pptVIP

湖南科技大学计算机科学与技术系 第三章 简单的Web文档 主要内容 HTML语言 HTML基础 HTML的段落标记元素 HTML的文本标记元素 表格制作 表单 框架 XML语言 Web文档开发工具简介 3.1 用HTML创建简单的Web文档 超文本标记语言HTML（HyperText Markup Language） 是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标识语言，由蒂姆·伯纳斯-李给出原始定义。 HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。 包含HTML内容的文件最常用的扩展名是.html，可以用任何文本编辑器或所见即所得的HTML编辑器来编辑HTML文件。 HTML不是一种编程语言，而是一种含有一套语法规则的文本标记语言。 3.1 用HTML创建简单的Web文档 创建HTML文档 可以使用任何一个文本编辑器编写Web文档（如文件名为test3-1.html）并存盘。 浏览HTML文档 用浏览器解释一个Web文档并不一定要将其放到Web服务器的发布目录上，可以从本机硬盘上调出该文档来进行Web页面的显示。 3.1 用HTML创建简单的Web文档 Web文档 HTML“标记”元素的语法一般由“元素”引出，以“/元素”作结尾。 以标记元素HTML表明Web文档的开始，末尾以/HTML作为Web文档的结束标记元素。 一个Web文档主要包括窗口标题和文档主体两部分 窗口标题部分以HEAD标记元素开始，以/HEAD指明标题部分的结尾。在HEAD和/HEAD标记对之间，必须包含标记元素TITLE和/TITLE标记对，用来设定文档题目。 文档中的主体部分以BODY标记元素开始，通常能够包容其它字符串的定义标记元素，如子标题、段落、列表等等，结束标记/BODY指明主体部分的结束。 3.1 用HTML创建简单的Web文档 标记元素类型 结构性标记，描述文字的意图 如： h2Golf/h2 指明浏览器将“Golf”显示为二级标题。 常用的结构性标记有： html元素： 标记HTML内容的开始和结束。 head元素：标记HTML文件头，包含不在正文中显示的关键字、标题、脚本等等。 title元素：标记HTML文件的标题。 body元素：标记HTML文件正文的开始和结束。 3.1 用HTML创建简单的Web文档 标记元素类型 呈现性标记，描述文字的外观。 如： bboldface/b 将“boldface”显示为粗体文字。 超文本标记，将文档的一部分关联到其他文档。 如：a href=“”湖南科技大学/a 将会把“湖南科技大学”显示为一个超链接URL。 注释，注释不被浏览器解释，仅仅起到说明代码含义或者隐藏部分代码的作用。 如： !-- This is a comment -- 框架页面标记。描述网页如何显示框架网页，较低版本的浏览器并不支援此功能。 如： frameset /frameset 代表定义一个框架。 3.1 用HTML创建简单的Web文档 Web文档的发布 创建Web文档或称为制作网页借助流行的网页制作工具。这些工具具有“WYSIWYG”（所见即所得）的效果，提高了网页制作的效率。 Web文档作完后，为了使全球的用户能访问你的网页，你必须将其放在一台已接入Internet的Web服务器的发布目录中。当用户利用浏览器发出访问某网页请求时，Web服务器按URL在其发布目录中找到对应的Web文档，将该文件发送给浏览器作为响应。 Web发布目录的创建与Web服务器运行的操作系统有关，一个UNIX、LINUX、Windows2000安装HTTP服务以及设置Web发布目录的方法是不同的。 3.2 HTML的段落级标记元素 字体变化 提供字体变化参数。 HR水平线标记元素 不需要以/HR结尾，画出一条分隔线分隔出标记元素以上部分和以下部分。 特殊字符 大于“”、小于“”、“”和引号本身被当作HTML格式中的控制码。 amp; lt; gt; quot; nbsp; 不换行空格 3.2 HTML的段落级标记元素 列表标记元素 无序号列表 列表的种类UL，每一行文字LI，列表结束符/UL 有序号列表 列表的种类OL，每一行文字LI，列表结束符/OL 定义式列表 定义式的列表叙述主题比叙述的部分凸前，为独立的一行。叙述的部分被视为一长串文字并会自动换行对齐。 列表标记DL，叙述主题放在DT的后面，叙述放在DD后面，最后以/DL结尾。 示例: test3-2.html 3.3 HTML的文本级标记元素 超文本链接 基本语法 A