超链接标签的使用

最新推荐文章于 2022-03-29 22:39:11 发布

鲁kk

最新推荐文章于 2022-03-29 22:39:11 发布

阅读量424

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_45905955/article/details/114845805

版权

a标签（anchor 锚超链接）

a标签是行标签，在页面中水平排列，超链接可以是一个字，一组词，一张图片，可以点击这些内容跳转到当前页面的任意位置或者是新页面

a标签默认是蓝色字体，并且带有下划线，可以通过CSS样式改变其样式。

href属性：定义链接地址

target属性：定义超链接显示形式

_self:覆盖当前窗口显示（默认值）

_blank:跳转到新窗口显示

语法格式

<a href="url地址" target="页面显示方式"></a>

实例：在一个新窗口打开百度

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>a标签</title>

</head>

<body>

  <!-- 

    a:行标签 水平排列

    a:anchor 锚，超链接

    href属性：定义链接地址

    target:定义链接跳转形式

        _self当前窗口打开（默认值）

        _blank新窗口打开

   -->

    <a href="http://www.baidu.com" target="_blank">百度</a>



</body>

</html>

锚点定位

给需要定位的目标添加id（具有唯一性，不能重复）

a标签的href属性值等于要定位的id名称

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锚点定位</title>
</head>
<body>
    <!-- 锚点定位步骤：
    给定位目标标签设置id属性（具有唯一性，不能重复）
    给a标签的href赋值为要定位目标的id名 -->
    <h1>胡歌简介</h1>
    <div class="nav">
        <a href="#before">早年经历</a>
        <a href="#actor">演艺经历</a>
        <a href="#author">主要作品</a>
        <a href="#life">个人生活</a>
    </div>
    <h3 id="before">早年经历</h3>
    <p style="height: 500px; background-color: pink;">胡歌在上幼儿园的时候，他被上海电视台小荧星艺术团选中，那年上海有3万多儿童去考，最后录取了60名，胡歌是其中之一。
        胡歌小学就读于上海市向阳小学，初中就读于上海市第二中学初中部95级1班，高中就读于上海市第二中学高中部98级3班、高中部01届7班。胡歌在小学阶段曾经是戴三道杠的大队委员，在中学阶段还担任校升旗仪式主持人、校广播台台长、校戏剧社社长、校合唱团团长、班级团支书、班级物理课代表、徐汇区学生话剧团负责人，还参与了中央电视台《正大综艺》节目主题歌《爱的奉献》MV的拍摄 [28-29]  。
    </p>
    
    <h3 id="actor">演艺经历</h3>
    <p style="height: 500px; background-color: red;">
        胡歌在上戏表演系就读期间，课余拍摄了超过30条的广告，在上海广告圈小有名气；在大学一年级第二学期的时候，他的朋友给上海唐人电影制作有限公司投拍的电视剧配音，胡歌因此与导演相识，随后被唐人看中并签约，很快就参演了电影《假装没感觉》《疑神疑鬼》，并主演首部电视剧《蒲公英》 [36-38]  。
    </p>
    <h3 id="author">主要作品</h3>
    <ul>
        <li>仙剑奇侠传</li>
        <li>琅琊榜</li>
        <li>伪装者</li>
    </ul>
    <h3 id="life">个人生活</h3>
    <p style="height: 500px; background-color: skyblue;">
        2006年8月29日，胡歌在沪杭高速嘉兴路段遭受车祸，同行的女助理张冕经抢救无效死亡。胡歌经过六个半小时的抢救，身体重创，全身麻醉，脖子及右眼缝合100多针，接受右眼角植皮手术 [190-192]  。
    </p>
    <span><a href="#">回到顶部</a></span>
</body>
</html>

鲁kk

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超链接标签的使用

a标签（anchor 锚超链接）a标签是行标签，在页面中水平排列，超链接可以是一个字，一组词，一张图片，可以点击这些内容跳转到当前页面的任意位置或者是新页面a标签默认是蓝色字体，并且带有下划线，可以通过CSS样式改变其样式。href属性：定义链接地址target属性：定义超链接显示形式 _self:覆盖当前窗口显示（默认值） _blank:跳转到新窗口显示语法格式<a href="url地址" target="页面显示方式"></a>实例：在
复制链接

扫一扫