Heim > Web-Frontend > HTML-Tutorial > HTML常用标签之超链接标签_html/css_WEB-ITnose

HTML常用标签之超链接标签_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:48:42
Original
1594 Leute haben es durchsucht

 前面学习过了格式标签和文本标签, 本章开始学习超链接标签


三. 超链接标签

 1. 分类: 超链接标签分为相对URL和绝对URL

 2. 作用: 

相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html)

绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com) 

 3. 属性作用:

 

 4. 代码示例:

    <!-- 超连接标签分为相对URL和绝对URL -->    <title>超连接标签</title>		<meta charset="utf-8">    <meta name="keywords" content="keyword1,keyword2,keyword3">    <meta name="description" content="this is my page">    <meta name="content-type" content="text/html; charset=UTF-8">        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->        <a href="Main.html">返回主页</a><br>  	<a href="TagFormat.html" target="_blank">格式标签</a><br><span style="white-space: pre;">  </span>  	<!-- 相对URL -->  	<a href="http://www.hao123.com">hao123</a><br><span style="white-space: pre;">      </span>  	<span style="font-family: Arial, Helvetica, sans-serif;"><!-- 绝对URL --></span><span style="white-space: pre;">  	</span>  
Nach dem Login kopieren

 5. 运行结果:

点击格式标签, 打开格式标签的html


点击hao123标签时, 进入此网址


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage