Web页面设计基础第3课超链接、表格

1、主讲人：薛 波超链接 浏览者通过单击文本或图片对象单击文本或图片对象，会立即被引导到另一个位置被引导到另一个位置，这个位置可以是网页、FTP，或者是文件可以供浏览者打开或下载，也可以直接链接到E-Mail邮箱，实现这样功能的对象叫做超链接超链接。E-MailFTPhtmldoc、exe、rar、zip超链接标记属性属性作用作用href指定链接路径(必须设置)target在指定目标窗口打开链接文档title设置链接提示文字name定义书签名称target属性取值target值值描述描述_blank在新窗口中打开文档_self在当前运行窗口中打开链接文档(默认)_parent框架网页中，在上一级窗

2、口中打开_top在浏览器整个窗口中打开，如果有框架，忽略框架窗口名称在指定框架窗口中打开链接文档示例示例链接路径路径 href=“style.css”href=“doExp.js”路径 href=“css/style.css”href=“js/doExp.js”路径 href=“./css/style.css”href=“./js/doExp.js”同同级级目目录录下下级级目目录录上上级级目目录录超链接类型l 内部链接同一个网站内部不同网页之间的链接关系。超链接类型l 外部链接链接到当前网站外部，其他网站中页面和元素。超链接类型l 文件下载链接链接的目标文档类型为doc、exe、rar、zip

3、等。超链接类型l 书签链接利用实现书签链接需要创建书签创建书签和创建书签链接创建书签链接两步。1. 创建书签2. 创建书签链接用法：文字/图片内部书签：源端点外部书签：源端点示例示例网页中如何画一个表格表格设置行设置行设置列设置列设置表头设置表头设置表格标题设置表格标题横向单元格合并横向单元格合并纵向单元格合并纵向单元格合并表格示例表格示例 铅笔铅笔 0.5元元/支支 橡皮橡皮 0.6元元/块块 tr设置行 td设置列表格示例表格示例 铅笔铅笔 0.5元元/支支 商品名称商品名称 商品单价商品单价th添加表头表格示例表格示例 铅笔铅笔 0.5元元/支支 商品名称商品名称 商品单价商品单价商品价

4、格一览商品价格一览caption设置表格标题 文具文具 价格价格 数量数量 合计合计 钢笔钢笔 ￥2.5元元/支支 3 ￥12.5 铅笔铅笔 ￥0.50元元/支支 10rowspan跨行设置 文具文具 价格价格 数量数量 钢笔钢笔 ￥2.5元元/支支 3 铅笔铅笔 ￥0.50元元/支支 10 合计合计 ￥12.5colspan跨列设置cellpadding设置表格边距contentcontentcontentcontent单元格内容表格边距指单元格内容与单元格边框之间的间距用法：用法：cellspacing设置表格间距contentcontentcontentcontent表格间距指单元格之间的间距用法：用法：属性属性描述描述align设置单元格内容水平对齐方式，取值left、center、right，默认值left，默认值centervalign设置单元格内容垂直对齐方式，取值top、middle、bottom，默认值为middlebgcolor设置单元格背景颜色background设置单元格背景图像