HTML课件幻灯片

一 绝对路径和相对路径 1、绝对路径是目标文件或目录在硬盘上的真正路径； 2、相对路径目标文件或目录相对于当前目录的位置。 二 超级链接的语法 … 第五节 列表 列表在网页中是很使用的数据排列方式，它以项目的形式来显示信息，是读者一目了然。HTML中有三种重要的列表，即无序列表、有序列表和定义列表。 一 无序列表

  • …
  • … …

二 有序列表

  1. …
  2. … …

三 定义列表

项目描述 定义项目 项目描述

第六节 表格 正如在普通的WORD文档文件中一样，表格在HTML网页文件中应用得也非常普遍，它不仅应用于一些真正需要表格的场合，而且由于HTML在排版方面的不足，使用表格还可以用来分栏和对齐网页文本，表格实际上是网页布局的灵魂。 ⒈ 简单的表格 常用的表格术语 标题、行、列、表头、单元格 ⑴ 标记。定义一个表格。 ⑵ …标记。定义表格的一行。 ⑶ …标记。定义表格的一个单元格。 ⑷ …标记。定义表格的表头。 (5)…标记。定义表格的标题。 2.表格建立的标记 表格及其内容都是放置在标记“”之间，创建HTML表格的基本步骤： (1)创建表格的第一行。 (2)将行分成多个列。 (3)在形成的单元格内插人数据。 经过上述步骤的操作，用户即可在网页内插入一个表格。这个表格是最简单的，它只有一行的内容，重复上述1～3步，就可形成包含多行、多列内容的表格。 演示例5-12 3.表格建立步骤 (1)通过或标记的Align属性可以设置单元格内容在水平方向上的对齐方式，其格式如下所示： 其中“alignment”可在Left、Center、Right中选择其一。 (2)如果表格单元格很高，可以调整单元格在垂直方向的对齐方式，其格式如下所示： 其中"Valign"是"Vertical Alignment"的缩写，用户可在Top(顶部)、Bottom(底部)、Middle(中间)选择其一。 4.表格的内容对齐 演示例5-13 (1)所谓表格跨行合并，就是将相同列内的多个单元格进行合并，使它成为一个单元格。 HTML提供的合并表格行的标记与格式如下所示： (2)所谓表格跨列合并，就是将相同行内的多个单元格进行合并，使它成为一个单元格。 HTML提供的合并表格列的标记与格式如下所示： 5.表格跨行和跨列合并 演示例5-14 表格的属性包括宽度、边框大小、单元格宽度、单元格间距、单元格内容与边框之间的距离、表格背景和表格内容的对齐方式等。在创建表格的过程中，如果用户对上述属性未定义，则采用HTML默认的属性值。 表格属性有：border、width、height、cellspacing、cellpadding、bordercolor、bgcolor、background、align、valign等。 5.表格的属性 演示例5-15 作业及思考题二 用HTML设计本班的课程表。 并用相关的属性进行修饰，尽量做到美化的效果。 参考效果 第七节 表单 在HTML中引入创建填写表单(form)标记是HTML的重要发展。表单标记使站点不仅仅提供显示信息，还允许来访者对站点进行交互。例如，用这些标记创建网页，在网页上获取有关站点设计的调查意见、客户对产品的反馈信息，甚至处理请求和命令。