网页设计及制作第2章.ppt

第2章 HTML语言 2.1 HTML文档的基本结构（1） 2.1 HTML文档的基本结构（2） 2.1 HTML文档的基本结构（3） 2.1 HTML文档的基本结构（4） 2.1 HTML文档的基本结构（5） 2.1 HTML文档的基本结构（6） 2.2 插入文字（1） 2.2 插入文字（2） 2.2 插入文字（3） 2.2 插入文字（4） 2.2 插入文字（5） 2.2 插入文字（6） 2.2 插入文字（7） 2.2 插入文字（8） 2.2 插入文字（9） 2.2 插入文字（10） 2.2 插入文字（11） 2.2 插入文字（12） 2.2 插入文字（13） 2.2 插入文字（14） 2.2 插入文字（15） 2.3 插入图片（1） 2.3 插入图片（2） 2.4 建立超级链接（1） 2.4 建立超级链接（2） 2.4 建立超级链接（3） 2.4 建立超级链接（4） 2.4 建立超级链接（5） 2.4 建立超级链接（6） 2.4 建立超级链接（7） 2.4 建立超级链接（8） 2.5 插入表格（1） 2.5 插入表格（2） 2.5 插入表格（3） 2.5 插入表格（4） 2.5 插入表格（5） 2.5 插入表格（6） 2.5 插入表格（7） 2.5 插入表格（8） 2.6 表单的应用（1） 2.6 表单的应用（2） 2.6 表单的应用（3） 2.6 表单的应用（4） 2.6 表单的应用（5） 2.6 表单的应用（6） 2.6 表单的应用（7） 2.6 表单的应用（8） 2.6 表单的应用（9） 2.6 表单的应用（10） 2.6 表单的应用（11） 2.7 框架窗口（1） 2.7 框架窗口（2） 2.7 框架窗口（3） 2.7 框架窗口（4） 2.7 框架窗口（5） 2.7 框架窗口（6） 2.7 框架窗口（7） 2.8 网页中多媒体的应用（1） 2.8 网页中多媒体的应用（2） 一个使用图像地图的例子。 IMG SRC=mapimg.gif Usemap=#face MAP Name=face !矩形文字区域 AREA Shape=rect HREF=page.htm Coords=140,20,280,60 !三角形区域 AREA Shape=poly HREF=image.htm Coords=100,100,180,80,200,140 !脸形区域 AREA=circle HREF=new.htm Coords=80,100,60 /MAP 第2章 HTML语言 2.4.4 图像地图 第2章 HTML语言 单元格 行 列 表头 第2章 HTML语言 2.5.1 在网页中插入表格 创建一个表格 创建 一行 创建 一列 1、插入表格 TABLE TR TD第一行第一列/TD TD第一行第二列/TD /TR TR TD第二行第一列/TD TD第二行第二列/TD /TR /TABLE 第2章 HTML语言 2.5.1 在网页中插入表格 TABLE Border=1 TRTD TABLE Border=1 TRTD第一行第一列/TD TD第一行第二列/TD/TR TRTD第二行第一列/TD TD第二行第二列/TD/TR /TABLE /TD TD第一行第二列/TD /TR TRTD第二行第一列/TD TD第二行第二列/TD/TR /TABLE 嵌套的表格 第2章 HTML语言 2.5.1 在网页中插入表格 2、表题和表头 设置表题 Caption Align=where表题内容/Caption 说明表题相对于表格的位置 创建表头 TR TH第一列表头/TH TH第二列表头/TH TH第三列表头/TH /TR TABLE Border=1 TR TD Rowspan=2/TD TD Colspan=2星期一/TD /TR TR TD上午/TD TD下午/TD /TR TR TD课程/TD TD计算机/TD TD数学/TD /TR /TABLE 第2章 HTML语言 2.5.1 在网页中插入表格 3、跨列和跨行的单元格 定义跨行的单元格 定义跨列的单元格 表格宽度 第2章 HTML语言 2.5.2 表格属性设置 表格高度 表格四周的边框线宽度 单元格间距 单元格中文字与格线的距离 表格在父区域中的的摆放位置 表格栏位数目 单元格中内容垂直排列的位置 表格立体边框的迎向光线部分 和背向光线部分的颜色 表格边框的颜色 表格的背景颜色 表格的背景图片 TABLE Width=400 Height=34 Border=1 Cellspacing=2 Cellpaddin