推广 热搜: 可以  企业  page  百度  搜索引擎    个数  使用  选择  设备 

HTML网页设计:四、超链接

   日期:2024-12-21     移动:http://ww.kub2b.com/mobile/quote/7986.html

       HTML中通过使用<a>标签来创建链接,当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手,点击相应的文本或图片会跳转至新的页面或者当前页面中的某个位置。

  1. HTML网页设计:一、HTML的基本结构
  2. HTML网页设计:二、网页的基本标签
  3. HTML网页设计:三、图像标签之<img>标签
  4. HTML网页设计:四、超链接
  5. HTML网页设计:五、行内元素和块元素
  6. HTML网页设计:六、列表
  7. HTML网页设计:七、表格
  8. HTML网页设计:八、媒体元素
  9. HTML网页设计:九、网页的简单布局
  10. HTML网页设计:十、iframe内联框架
  11. HTML网页设计:十一、表单

HTML 链接连接语法如下

 
  • href属性规定链接的目标,是a标签的必须属性。
  • target属性规定在何处打开链接文档。它有五个选项
        (1)_blank:在新窗口中打开被链接文档。
        (2)_self:默认。在相同的框架中打开被链接文档。
        (3)_parent:在父框架集中打开被链接文档。
        (4)_top:在整个窗口中打开被链接文档。
        (5)framename:在指定的框架中打开被链接文档。
  • name属性规定锚的名称,HTML5 中不支持。
  • title属性说明了鼠标指针悬停所显示的文字。
  • 开始标签和结束标签之间的文字被作为超级链接来显示,即上面一行的代码显示为link text。

<a> 标签的使用有如下两种方式

(1)通过使用 href 属性 - >创建指向另一个文档的链接。
(2)通过使用 name 属性 - >创建文档内的书签。

一些简单的超链接代码示例如下

 
 
 

       锚链接可以链接到本页面的特定位置,也可以链接到另一个页面的特定位置,其实现方式是添加锚标记。html5不支持name属性,以下用id属性示例,name属性用法大致一样。

(1)当跳转到当前页面的特定位置时,直接将锚标记设为href属性的值。

       其代码格式如下

 

(2)当跳转到另一个网页的特定位置时,将锚标记添加到链接地址的末尾。

       其代码格式如下

 

"#标记名"为页面中某一个标签的id属性值,即若想要跳转到网页的某个位置,就先在这个位置所在的标签设置id属性,然后才能通过锚链接跳转到该位置。

(3)当href属性的值为一个“#”时,直接跳转至本页面顶部。

       其代码格式如下

 

锚链接部分代码示例如下

 
 

(1)邮箱链接

 

(2)QQ链接

本文地址:http://ww.kub2b.com/quote/7986.html     企库往 http://ww.kub2b.com/ ,  查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


0相关评论
相关最新动态
推荐最新动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号