<a>标签的“五种”用法

    <!--a标签的用法-->

    <!--1、链接-->
	<a href="http://www.baidu.com" target="_blank">这是一个百度链接</a><br>


	<!--2、页面间的跳转,跳转自己next.html-->
	<a href="next.html" target="_blank">下一页</a><br>


	<!--3、 页面内通过id指向定位-->
	<a href="#four">跳转到第4章</a><br>
	<h1>第一章</h1>
	<p>内容..........</p>

	<h1>第二章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1 id="four">第四章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<h1>第三章</h1>
	<p>内容..........</p>

	<!--4、发送邮件-->
	<!--
	在进行邮件内容发送时,需要使用关键字:mailto=
	subject= 这是邮件的主题
	body= 这是邮件的内容
	在进行抄送时,需要使用关键字:cc
	在进行密送时,需要使用关键字:bcc
	注:多个邮件地址用 ; 隔开,空格用 %20 代替。
    -->
	<a href="mailto:531181758@qq.com?subject=这是邮件的主题&body=这是邮件的内容&cc=123456789@qq.com&bcc=999999@qq.com" rel="nofollow">发送邮件</a>



    <!--5、A页面跳转到B页面的制定位置  在href属性上拼接上B页面的指定位置的id(id=four  用#符号拼接 ) -->
	<a href="栗子1.html#four" target="_blank">跳转到上个页面的第四章</a>



    target属性 <base> <a> 中使用
	target属性是网页窗口的打开方式,在base标签中设置该属性,那么页面中所有的链接都将遵循这个方式来打开网页,分别有如下几种选择:
	1、 _blank:在新窗口打开链接页面。
	2、 _parent:在上一级窗口中打开链接。
	3、 _self: 在当前窗口打开链接,此为默认值,可以省略。
	4、 _top: 在浏览器的整个窗口打开链接,忽略任何框架。





    <!DOCTYPE html>
    <html lang="en">
    <head>
	    <meta charset="UTF-8">
	    <title>HTML文件学习</title>
	    <!--设置了统一的路径 head标签内,一个页面最多只能使用一个base元素,用来提供一个指定的默认目标-->
	    <base href="http://www.runoob.com/images/" target="_blank"></base>
	    <style type="text/css"></style>
    </head>
    <body>
	    <!--这是一个统一设置了base路径的图片-->
	    <!--这里实际的路径: http://www.runoob.com/images/logo.png-->
	    <img src="logo.png">
	    <a>标签的href属性也同样适用
    </body>
    </html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值