HTML5编程教学4 超链接-绪飞博客网

目录语法

同一个目录，直接写文件名称或 ./文件名比如：tp.jpd 或者/tp.jpd

在下级（子）目录：xxx./tp.jpd

在下下级目：xx/xxx/tp.jpd

在上级（父）目录：../tp.jpd

在上上级目录：../…/tp.jpd

Target属性

Id或name属性和创建文档内链接

target属性的四个值

_self：当前位置

_blank:新窗口

_top（最顶层框架），_parent（父框架），这两个属性后期在讲

id属性：通用属性，可以理解为元素的身份证；name属性：可以为元素的名字注：ID只能设置一个加ID的时候要加#后面加ID 例：<a id =”1″> 注意：后面不用加结束标签名称后面内容 ID定位：＜a href=”#1″>定位名称</a>，注意：这个后面要加结束标签，

代码展示

<!DOCTYPE html>
<html>
	<head lang="zh-cn">
		<meta charset="utf-8">
		<title>第四天学习文档</title>
	</head>
上<br />
	<body bgcolor="#FFFFE0">
		<!--这是一个整体背景颜色我用的是十六进制颜色代码-->
	1.<a href="http://baidu.com">百度</a><br />
	<!--a和href标签用于表示一个链接标签的开始后面加链接   br标签用于表示一个换行
	-->
2.<a href="study2.html">跳转文档</a><br />
3.图片链接：<a href="http://baidu.com"><img src="10451567_151624841000_2.jpg"</a><br />
<p>
	<p>
		<p>
			<p>
				<p>
				4.<a href="mailto:1745387748@qq.com">联系我</a><br />
				<!--mailto表示一个邮箱代码-->
					5.<a href="电脑桌面.zip">下载</a>
	</body>
</html>

第二部分代码

<!DOCTYPE html>
<html>
	<head lang="zh-cn">
		<meta charset="utf-8">
		<title>第四天学习下</title>
	</head>
	<body>
		<a href="http://baidu.com" target="_blank">百度</a><br>
		<a href="#1">内容1</a>
		<a href="#2">内容2</a>
		<a href="#3">内容3</a>
		<br><br><br><br>
		<a id="1">内容1<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br>
		<a id="2">内容2<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br>
		<a id="3">内容3<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br>
		
		
	</body>
</html>

上面的代码一般网站都用的到的超链接代码

版权声明 1 本网站名称：绪飞博客网
2 本站永久网址：https://www.93bk.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ2168312466进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

前端编程教程

HTML5编程教学4 超链接

请登录后发表评论