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(&#39;我弹&#39;)">这是一个超链接</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)를 참고해주세요!

성명：

이전 기사：HTML 학습(4) - 테이블 태그다음 기사：HTML 학습(4) - 테이블 태그

HTML 학습(5) - 하이퍼링크

관련 기사