web基础课程.ppt

图片地图和图片导航 Ismap属性的使用 Map area的使用. Embed 嵌入元素标签 框架 iframe src=test0.html width=420 height=330 frameborder=1 name=aa scrolling=YES /iframe 不需要一个单独的页面存放框架.灵活性好. 作业 做协同办公系统的原型界面. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 第三章 HTML链接 HTML链接 图片标签： img src = next.gif“ height=“” width=“” 图片作为链接： a herf = “”img src = “”/a HTML链接 链接： HTML使用超级链接来连接到网络上的其他页面 链接标签： a href=“lastpage.htm”页面显示文本/a Href属性（链接页面地址） href = “所要链接到的页面地址” target属性： a target=“_blank”网易/a 属性值：_self HTML链接 链接 a href=中软/a a href=“1.htm”查看？/a 前者为绝对路径，后者为相对路径。 锚 mailmaolink.html HTML链接 相对路径：资源路径与你打开页面有关联的路径叫相对路径 绝对路径：资源路径与你打开页面无关的路径叫绝对路径 如果当前页面与引用资源在同一文件夹内则直接写资源名称 如果引用资源在当前文件夹下一级的文件夹内则需：./文件夹名称/资源名称 如果引用资源在当前文件夹上一级的文件夹内则需：../资源名称 如果引用资源在当前文件夹上两级的文件夹内则需：../../资源名称 第四章：HTML表格和列表 第四章：HTML表格和列表 表格语法 ? 表格基本语法： table/table - 定义表格 tr/tr - 定义表行 th/th - 定义表头 td/td- 定义表元 其中，tr是table的子元素，td、th是tr的子元素，但不能直接做为table的子元素 td和th一样都是定义列，不同的是th定义的是列标题，显示的字体更明显 HTML表格和列表 画一个表格(一行两列)： table tr td/td td/td /tr /table 注意：一个完整的表格必须由三个标签构成，且应该先画行后画列 HTML表格和列表 表格头标签（表格头位于表格的内部）： th头内容/th th标签相当于一个td标签，用法也相同。只不过格式化字体 表格标题标签（表格标题位于表格的上部）： captionMy Caption/caption 注意： caption标签放在table的下边，第一个tr的上边 HTML表格和列表 美化表格 ——表格的属性 Border（边框）属性： border = “number” Bgcolor（背景色）属性： bgcolor = “blue” background （背景图像）属性： background = “图片位置” Width、height属性： width = “300” height = “200” 表格尺寸 表格边框 　默认情况下，表格是无边框的，加边框是通过table标记的border属性 表格尺寸 　表格的尺寸是由table标记的width属性和height属性设置，可以设置成绝对值，也可以设置成相对值 表元间隙 　行与列的每个交叉点都是一个表元，表元与表元间的间隙大小是由table标记的cellspacing设置的 表元中空白尺寸 每个表元内，除了文字外的空白空间大小由cellpadding决定 表格合并 colspan属性(合并纵向单元格)：