超链接:a标签
作用:点击之后跳转到一个新页面去
如果要在页面中看到a标签,需要在a标签里面写上内容
显示的特点:
1、a标签未点击时,颜色-》蓝色
2、a标签点击过之后,颜色-》紫色
属性:
1、href:告诉浏览器点击之后去哪一个页面!!!
属性值:路径
当前文件找目标文件的过程
当前文件:当前页面
目标文件:要去的网页(.html)
2、target:a标签的跳转方式
取值:
1、_self:(默认值) 在当前窗口中跳转
2、_blank:在新窗口中跳转
如果点击之后去外部链接,直接写网址就行了(写完整)
https:// -》 协议名
<!-- <a href="https://www.baidu.com/">百度一下</a> -->
<a href="目标文件.html" target="_blank">点击之后去目标文件</a>
<!-- 书写规范:a标签里面不能嵌套a标签 -->
<!-- <a href="目标文件.html">
<a href="https://www.baidu.com/">点击之后跳转</a>
</a> -->
base标签的作用:统一设置页面中所有a标签的跳转方
base标签书写位置:head标签里面,title标签下面
<!--
1、点击之后不跳转:href=“#”
在项目中起到占位的作用!!!
-->
<!-- <a href="#">点击之后不跳转</a> -->
<!--
2、点击之后下载文件:
当href属性中的路径,指向的目标文件是一个浏览器无法打开的文件时,浏览器会默认把文件下载下来(如:zip)
如果是浏览器可以打开的文件???图片
浏览器会直接打开(并不会下载!!!)
-->
<a href="美女图片.zip">点击下载美女图片</a>
<a href="1.gif">点击一下</a>
在当前页面进行定位
1、找到目标标签,在目标标签身上添加一个id属性
2、在a标签的href属性中 #id属性值
<a href="#cat">吸猫大法</a>
<p id="cat">我是猫点</p>
在跳转之后的页面进行定位
1、找到目标标签,在目标标签上添加id属性
2、href属性中写目标文件的路径 直接加上 #id属性值
<a href="猫界.html#yan">跨界吸猫</a>