第1章HTML页面和表格.pptVIP

第一章 HTML页面与表格 课程目标 HTML文件的结构 如何设置HTML文件的背景色及文本色 如何在页面上添加一个超链接 如何在页面上添加一个表格 如何设置表格的属性 目标 创建一个 html页面 表格 超连接 体验 创建使用超链接和表格的HTML页面 本章我们首先创建一个HTML页面。在页面中创建一个超链接，使超链接指向另一个显示信息的页面。在显示信息的页面中，以表格的形式显示信息。如图1-1、1-2所示： 网页基础知识 万维网——WWW (World Wide Web) 超文本传送协议——HTTP (HyperText Transfer Protocol) HTTP协议用经常用在传送WEB页 网站是由若干个文件组成！ 网页基础知识 网页基础知识 超级文本标记语言——HTML 它是WWW上通用的描述语言。 HTML语言支持多媒体（即文，图，声） HTML以文件形式存放在计算机内，HTML文件可以通过WWW传送给世界上所有连接INTERNET上的计算机，使其可以浏览HTML里的内容。 HTML HTML是Hypertext Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。 HTML文档由文本和HTML标记组成，通常以.html或者.htm为文本的扩展名（如index.htm）。 网页浏览器负责解释HTML文档中的标记，并将HTML文档显示为网页。 任何有浏览器的计算机都可以显示HTML文档，不论计算机上运行的是UNIX，Macitionish,还是Windwos操作系统。 HTML功能 HTML的功能：　　出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。　　通过超链接检索在线的信息。　　为获取远程服务而设计表单，可用于检索信息、定购产品等。　　在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。 HTML和网页浏览器的关系 HTML和网页浏览器的关系： 不同的浏览器中网页的显示效果可能不同。大多数浏览器不完全支持HTML的所有特性，每一种浏览器都可能会有一些特有的HTML标记和属性，这些标记和属性可能不会被其他的浏览器识别。这些有软件公司开发的标记和属性被称为HTML扩展，而不是标记的一部分。 超文本标记语言——HTML HTML标记 基本格式 标记内可以包含一些属性 HTML文档 HTML页面的基本结构 起始标记 文件头 HTML页面的基本结构 起始标记 文件头 文件头 Head/Head标记对构成HTML文档的开头部分 页面主体格式和页面效果 Body/Body标记对之间的内容是HTML文档的主要部分，在此标记对之间可包含众多的标记和信息 Body标记中还可以设置一些属性 页面链接 页面链接的基本概念 外部链接 内部链接 邮件链接 外部链接 链接到外面去，可以扩充您网站的实用性及充实性，也正因这功能，才造就了www五彩缤纷的世界。 一个超链接通常由以下3个部分构成： 内部链接 有时候，当某页的内容很多时，我们可以利用网页的内部链接，以便使用者快速的找到资料 原理： 内部链接实例 邮件链接 邮件链接可使访问者在浏览页面时，只需单击电子邮件链接就能打开默认的邮件编辑软件，向指定的地址发送邮件 格式 表格 表格的基本形式 有通栏的表格 表的大小，边框宽度，表格间距 表格中文本的输出 表格在文件中的位置定义 表格颜色 表格的基本形式 表格，一般用于对网页的内容进行排版 一个表格由table标记开始，/table结束 表的内容由tr,th和td定义 表格的例子 有通栏的表格 1．有横向通栏的表格用td colspan=#属性说明 2．有纵向通栏的表格用td rowspan=#属性说明 横向通栏示例 表的大小，边框宽度，表格间距 1．表的大小用width=#和height=#属性说明 2．边框宽度由border=#说明 3．表格间距即划分表格的线的粗细用cellspacing=#表示 表格的粗细 表格中文本的输出 1．文本与表框的距离用cellpadding=#设置 2．表格的宽度大于其中的文本宽度时，文本在其中的输出位置用“align=#”定义 3．表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。 文本与表框的距离 表格的高度大于其中文本的高度 表格在文件中的位置定义 表格与文件中内容对齐时，若在现在位置上不能满足其对齐方式，可定义其位置，以满足对齐要求 属性一般由al