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

主讲人：薛 波 超链接 浏览者通过单击文本或图片对象，会立即被引导到另一个位置，这个位置可以是网页、FTP，或者是文件可以供浏览者打开或下载，也可以直接链接到E-Mail邮箱，实现这样功能的对象叫做超链接。 E-Mail FTP html doc、exe、 rar、zip 超链接标记a a href=“路径” target=“目标窗口名称” title=“提示文字” 属性 作用 href 指定链接路径(必须设置) target 在指定目标窗口打开链接文档 title 设置链接提示文字 name 定义书签名称 target属性取值 target值 描述 _blank 在新窗口中打开文档 _self 在当前运行窗口中打开链接文档(默认) _parent 框架网页中，在上一级窗口中打开 _top 在浏览器整个窗口中打开，如果有框架，忽略 框架窗口名称 在指定框架窗口中打开链接文档 示例 链接路径 路径 href=“style.css” href=“doExp.js” 路径 href=“css/style.css” href=“js/doExp.js” 路径 href=“../css/style.css” href=“../js/doExp.js” 同 级 目 录 下 级 目 录 上 级 目 录 超链接类型 内部链接 同一个网站内部不同网页之间的链接关系。 超链接类型 外部链接 链接到当前网站外部，其他网站中页面和元素。 超链接类型 文件下载链接 链接的目标文档类型为doc、exe、rar、zip等。 超链接类型 书签链接 利用a实现书签链接需要创建书签和创建书签链接两步。 1. 创建书签 2. 创建书签链接 用法：a name = “书签名”[文字/图片]/a 内部书签：a href = “#书签名”源端点/a 外部书签：a href = “file_url#书签名”源端点/a 示例 网页中如何画一个表格 table tr td th caption td rowspan=“” td colspan=“” 表格 设置行 设置列 设置表头 设置表格标题 横向单元格合并 纵向单元格合并 html head title表格示例/title /head body table border=“3”align=“center” /table /body /html tr td铅笔/td td0.5元/支/td /tr tr td橡皮/td td0.6元/块 /td /tr tr设置行 td设置列 html head title表格示例/title /head body table border=“3”align=“center” /table /body /html tr td铅笔/td td0.5元/支/td /tr … tr th商品名称/th th商品单价/th /tr th添加表头 html head title表格示例/title /head body table border=“3”align=“center” /table /body /html tr td铅笔/td td0.5元/支/td /tr … tr th商品名称/th th商品单价/th /tr caption商品价格一览/caption caption设置表格标题 table border=“3”align=“center” tr th文具/th th价格/th th数量/th th合计/th /tr tr td钢笔/td td￥2.5元/支/td td3/td td rowspan=“2”￥12.5/td /tr tr td铅笔/td td￥0.50元/支/td td10/td /tr /table rowspan跨行设置 table border=“3”align=“center” tr th文具/th th价格/th th数量/th /tr tr td钢笔/td td￥2.5元/支/td td3/td /tr tr td铅笔/td td￥0.50元/支/td td10/td /tr tr td合计/td td colspan=“2”￥12.5/td/tr /table colspan跨列设置 cellpadding设置表格边距 content conte