要单独拿出来讲的a标签

a标签的属性 

  href属性赐予a标签力量:href属性指定要通过a标签借助浏览器请求的资源,可以是图片、视屏、网站、音频等。不加herf属性的a标签就是一个没有任何特殊样式和功能的文本容器。

  target:指定通过a的href请求到的资源展示在哪里。默认是覆盖当前窗口在当前窗口展示,可以指定target="_blank",让资源显示在新的窗口。

作为超链接

<-- 在新窗口打开百度 -->
<a href="https://www.baidu.com" target="_blank">百度</a>
<-- 在新窗口打开这张图片 -->
<a href="https://www.xxx.xxx/img/banner.png" target="_blank">

作为空链接

<-- 作为空链接的时候点击会刷新当前页面 -->
<a href="#">刷它一新</a>

作为锚链接

  抛锚点:在html的a标签上定义一个id

<--起一个id名称作为锚点-->
<a id="top">top</a>

  同页面链接锚点:使用#号加上锚点的id名称

<--同页面链接到锚点-->
<a href="#top">toTop</a>

  外部页面链接锚点:在url后面加上#+锚点id名称。

<a href="./html/about.html#top">

鼠标移入变手

  这是浏览器给作为超链接的a标签的默认样式。有些项目中会为了能够拥有鼠标移入变手的效果而使用a标签。通过css同样可以让任何元素拥有鼠标移入变手的样式。

div{cursor:pointer}
posted @ 2019-05-30 20:36  找个地方随便坐  阅读(109)  评论(0)    收藏  举报