设置超链接

    超链接: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>

上一篇:Python测试框架对比----unittest, pytest, nose, robot framework对比


下一篇:【论文阅读】Squeeze-and-Attention Networks for Semantic Segmentation(CVPR2020)