《WEB前端设计》设置超链接
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
锚的用法
• name 属性规定锚（anchor）的名称 • 使用 name 属性创建 HTML 页面中的书签。 • 书签不会以任何特殊方式显示，它对读者是不
可见的。
<a href=" index.html#tips">有用的提示</a>
3
教学小结
Teaching Summary
本讲围绕超链接标签A，认识了内连接，外连接以及锚链接， 以及他们的使用方法。
设置超链接
教学目标
Teaching Goal
1
• 认识超链接 • 了解超链接的语法
• 学会设置超链接
2
教学内容
Teaching Content
认识超链接
What is Hyperlink
超链接可以是一个字，一个词，或者一 组词，也可以是一幅图像，可以点击这 些内容来跳转到新的文档或者当前文档 中的某个部分。
• _self
默认。在本框架中打开被链接文档。
• _parent 在父框架集中打开被链接文档。
• _top
在整个窗口中打开被链接文档。
锚链接
Anchor Hyperlink
锚链接语法结构：
<a name=“label”>锚文本</a>
例如：
<a name="tips">基本的注意事项 - 有 用的提示</a> <a href="#tips">有用的提示</a>
超链接的target 属性
What is Hyperlink
使用 Target 属性，你可以定义被链接 的文档在何处显示 例如：
<a href=http://www.jxcia.com/ target=“_blank” >江西信息应用职业 技术学院</a>
target 的值有：
• _blank 在新窗口中打开被链接文档。
接</a> 是一个指向网络上的页面的链接。</p> 6. </body> 7. </html>
1. <html> 2. <body> 3. <p> 4. <a href="/index.html"> 5. <img border="0" src="/image.jpg" /> 6. </a> 7. </p> 8. </body> 9. </html>
超链接语法
What is HyperlLeabharlann Baidunk
超链接语法结构：
超链接语法
<a href="url">Link text</a>
• href 属性规定链接的目标。 • 开始标签和结束标签之间的文字被作为超级链
接来显示
例如：
<a href=“http://www.jxcia.com/”>江西信息应用职业技术学院</a>
什么是超链接？
• 外部链接 • 内部链接 • 锚链接
认识超链接
What is Hyperlink
1. <html> 2. <body> 3. <p> 4. <a href="/index.html">内部链接</a> 是一个指
向本网站中的一个页面的链接。</p> 5. <p><a href=“http://www.baidu.com/”>外部链