HTML学习笔记-超链接学习笔记

最新推荐文章于 2024-07-04 14:46:09 发布

少写代码少看论文多多睡觉

最新推荐文章于 2024-07-04 14:46:09 发布

阅读量158

点赞数 1

分类专栏： # HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_44653420/article/details/121703245

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

HTML学习笔记-超链接学习笔记

超链接标签：<a>
属性：
href- 跳转的地址可以是本地地址也可以是网站页面
target -跳转的方式(_self当前页面、_blank新标签页)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            /*去掉超链接的下划线*/
            text-decoration:none
        }
        /*鼠标悬浮的样式控制*/
        a:hover{
            color:red;
        }

    </style>
    
</head>
<body>

  <!--
  超链接标签：<a>
  属性：
    href- 跳转的地址
    target -跳转的方式(_self当前页面、_blank新标签页)
  -->
  <a href = "09-图片标签演示.html" target = "_blank">本地标签页面</a> <br/>
  <a href = "http://www.zhihu.com" target = _blank>知乎</a>  <br/>
  <a href = "http://www.baidu.com" target = _self>百度</a> <br/>
  <!--标签嵌套 将图片做成超链接-->
  <a href = "http://www.baidu.com" target = _blank><img src = "../img/biaoqingbao1.png" height = "300px" width = "300px"/></a>

</body>
</html>

少写代码少看论文多多睡觉

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML学习笔记-超链接学习笔记

HTML学习笔记-超链接学习笔记超链接标签：<a>属性：href- 跳转的地址可以是本地地址也可以是网站页面target -跳转的方式(_self当前页面、_blank新标签页)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>
复制链接

扫一扫