<a href:”里面加链接”>文字</a>
目录语法
同一个目录,直接写文件名称 或 ./文件名比如:tp.jpd 或者/tp.jpd
在下级(子)目录:xxx./tp.jpd
在下下级目:xx/xxx/tp.jpd
在上级(父)目录:../tp.jpd
在上上级目录:../…/tp.jpd
<a href=”mailto跳转邮箱:1745387748@qq.com邮箱账号”>联系我</a>
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>
上面的代码一般网站都用的到的超链接代码
© 版权声明
THE END
请登录后查看评论内容