Web页面设计基础第3课超链接、表格_第1页
Web页面设计基础第3课超链接、表格_第2页
Web页面设计基础第3课超链接、表格_第3页
Web页面设计基础第3课超链接、表格_第4页
Web页面设计基础第3课超链接、表格_第5页
已阅读5页,还剩14页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

使用超链接主讲人:薛波超链接浏览者通过单击文本或图片对象,会立即被引导到另一个位置,这个位置可以是网页、FTP,或者是文件可以供浏览者打开或下载,也可以直接链接到E-Mail邮箱,实现这样功能的对象叫做超链接。E-MailFTPhtmldoc、exe、rar、zip超链接标记<a><ahref=“路径”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.创建书签链接用法:<aname=“书签名”>[文字/图片]</a>内部书签:<ahref=“#书签名”>源端点</a>外部书签:<ahref=“file_url#书签名”>源端点</a>示例网页中使用表格网页中如何画一个表格<table><tr><td><th><caption><tdrowspan=“”><tdcolspan=“”>表格设置行设置列设置表头设置表格标题横向单元格合并纵向单元格合并<html><head><title>表格示例</title></head><body><tableborder=“3”align=“center”></table></body></html><tr><td>铅笔</td><td>0.5元/支</td></tr><tr><td>橡皮</td><td>0.6元/块</td></tr>tr设置行td设置列<html><head><title>表格示例</title></head><body><tableborder=“3”align=“center”></table></body></html><tr><td>铅笔</td><td>0.5元/支</td></tr>…<tr><th>商品名称</th><th>商品单价</th></tr>th添加表头<html><head><title>表格示例</title></head><body><tableborder=“3”align=“center”></table></body></html><tr><td>铅笔</td><td>0.5元/支</td></tr>…<tr><th>商品名称</th><th>商品单价</th></tr><caption>商品价格一览</caption>caption设置表格标题<tableborder=“3”align=“center”><tr><th>文具</th><th>价格</th><th>数量</th><th>合计</th></tr><tr><td>钢笔</td><td>¥2.5元/支</td><td>3</td><tdrowspan=“2”>¥12.5</td></tr><tr><td>铅笔</td><td>¥0.50元/支</td><td>10</td></tr></table>rowspan跨行设置<tableborder=“3”align=“center”><tr><th>文具</th><th>价格</th><th>数量</th></tr><tr><td>钢笔</td><td>¥2.5元/支</td><td>3</td></tr><tr><td>铅笔</td><td>¥0.50元/支</td><td>10</td></tr><tr><td>合计</td><tdcolspan=“2”>¥12.5</td></tr></table>colspan跨列设置cellpadding设置表格边距contentcontentcontentcontent单元格内容表格边距指单元格内容与单元格边框之间的间距用法:<tablecellpadding=“8”>cellspacing设置表格间距contentcontentcontentcontent表格间距指单元格之间的间距用法:<tablecellspacing=“6”>属性描述align设置单元格内容水平对齐方式,取值left、center、right,<td>默认值left,<th>默认值centervalign设置单元格内容垂直对齐方式,取值top、middle、bot

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论