HTML课件幻灯片.ppt

# 一 绝对路径和相对路径 1、绝对路径是目标文件或目录在硬盘上的真正路径； 2、相对路径目标文件或目录相对于当前目录的位置。 二 超级链接的语法 a href=“url” target=“_self|_blank|_top|_parent” name=“页面标签” title=“说明文字” … /a 第五节 列表 列表在网页中是很使用的数据排列方式，它以项目的形式来显示信息，是读者一目了然。HTML中有三种重要的列表，即无序列表、有序列表和定义列表。 一 无序列表 ul type=“disc|circle|square” li…/li li…/li … /ul 二 有序列表 ol type=“1|a|A|i|I” start=“n” li…/li li…/li … /ol 三 定义列表 dl dt定义项目/dt dd项目描述/dd dt定义项目/dt dd项目描述/dd … /dl 第六节 表格 正如在普通的WORD文档文件中一样，表格在HTML网页文件中应用得也非常普遍，它不仅应用于一些真正需要表格的场合，而且由于HTML在排版方面的不足，使用表格还可以用来分栏和对齐网页文本，表格实际上是网页布局的灵魂。 ⒈ 简单的表格 常用的表格术语 标题、行、列、表头、单元格 ⑴ Table…/Table标记。定义一个表格。 ⑵ Tr…/Tr标记。定义表格的一行。 ⑶ Td…/Td标记。定义表格的一个单元格。 ⑷ Th…/Th标记。定义表格的表头。 (5)Caption…/Caption标记。定义表格的标题。 2.表格建立的标记 表格及其内容都是放置在标记“Table…/Table”之间，创建HTML表格的基本步骤： (1)创建表格的第一行。 (2)将行分成多个列。 (3)在形成的单元格内插人数据。 经过上述步骤的操作，用户即可在网页内插入一个表格。这个表格是最简单的，它只有一行的内容，重复上述1～3步，就可形成包含多行、多列内容的表格。 演示例5-12 3.表格建立步骤 （1）通过TD或TH标记的Align属性可以设置单元格内容在水平方向上的对齐方式，其格式如下所示： TD Align=alignment TH Align=alignment 其中“alignment”可在Left、Center、Right中选择其一。 （2）如果表格单元格很高，可以调整单元格在垂直方向的对齐方式，其格式如下所示： TD Valign=Vertical TH Valign=Vertical 其中Valign是Vertical Alignment的缩写，用户可在Top(顶部)、Bottom(底部)、Middle(中间)选择其一。 4.表格的内容对齐 演示例5-13 （1）所谓表格跨行合并，就是将相同列内的多个单元格进行合并，使它成为一个单元格。 HTML提供的合并表格行的标记与格式如下所示： TD Rowspan=rows TH Rowspan=rows （2）所谓表格跨列合并，就是将相同行内的多个单元格进行合并，使它成为一个单元格。 HTML提供的合并表格列的标记与格式如下所示： TD Colspan=cols TH Colspan=cols 5.表格跨行和跨列合并 演示例5-14 表格的属性包括宽度、边框大小、单元格宽度、单元格间距、单元格内容与边框之间的距离、表格背景和表格内容的对齐方式等。在创建表格的过程中，如果用户对上述属性未定义，则采用HTML默认的属性值。 表格属性有：border、width、height、cellspacing、cellpadding、bordercolor、bgcolor、background、align、valign等。 5.表格的属性 演示例5-15 作业及思考题二 用HTML设计本班的课程表。 并用相关的属性进行修饰，尽量做到美化的效果。 参考效果 第七节 表单 在HTML中引入创建填写表单(form)标记是HTML的重要发展。表单标记使站点不仅仅提供显示信息，还允许来访者对站点进行交互。例如，用这些标记创建网页，在网页上获取有关站点设计的调查意见、客户对产品的反馈信息，甚至处理请求和命令。 当需要用HTML文件创建一个表单时，可简单地用form和/form标记来定义。虽然普通的文字标题、对齐方式和其他标记都可以出现在“form”的定义中，但是那些激活表单的标记只能出现在form标记之