Html學習（5） - 超鏈接
- 黄舟原創
- 2016-12-29 15:35:551349瀏覽
超連結標籤：
<a>
兩種用法：
超連結標籤：
<a href="">
[code]<a href="htpp://www.sina.com.cn" target="_blank">新浪</a> <!-- href属性值可以使url，也可以是本地文件。target属性是指定在哪个窗口或者帧中打开 -->
定位標記:
<a name="">
一般在頁面中使用，當頁面內容過長，定位標記會比拖曳條更方便。
定位標記要和超連結結合使用才有效。
[code]<a name="标记">标记位置</a> <p>....<!-- 很多空行以制造网页过长的效果 --> <a href="#标记">返回标记位置</a> <!-- 使用标记时一定在href值的开始加入#标记名 -->
[code]<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>link</title> </head> <body> <!-- 超链接： 作用：连接资源 当有了href属性才有了点击效果。 hred属性值的不同，解析方式也不一样。 解析时，如果该值没有指定过任何协议，按照默认的协议来解析该值的。默认协议是file协议 --> <a name="top">顶部位置</a> <hr/> <a href="http://www.sina.com.cn" target="_blank">新浪网站</a> <hr/> <a href="http://f.hiphotos.baidu.com/image/h%3D200/sign=97adfa3549fbfbedc359317f48f0f78e/8b13632762d0f7035c8dfed60afa513d2697c5f9.jpg">美女图片</a> <hr/> <a href="mailto:luoshunxiang@adflash.cn">联系我</a> <hr/> <a href="http://www.xunlei.com/moves/mgdz.rmvb">美国队长</a> <br/> <a href="thunder://askjdhwudhkjasfkjdhsff==">美国队长</a> <hr/> <!-- 取消超链接默认点击效果，自定义点击效果 --> <a href="javascript:void(0)" onclick="alert('我弹')">这是一个超链接</a> <hr/> <!-- 定位标记 专业术语：锚 --> <a name="center">中间位置</a> <hr/> <img src="a.jpg" height="1000" width="400" border=10/> <hr/> <hr/> <img src="a.jpg" height="1000" width="400" border=10/> <hr/> <a href="#center">回到中间位置</a> <a href="#top">回到顶部位置</a> </body> </html>
以上就是Html學習（5） - 超連結的內容，更多相關內容請關注PHP中文網（www.php.cn）！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：Html學習（4）- 表格標籤下一篇：Html學習（4）- 表格標籤