HTML中的链接

HTML 学习 DAY 2

HTML 链接

1 普通链接

< a href = "url">text</a>
<a href = "www.baidu.com">有事问度娘</a>

2 图片的链接

Target 是里面的一个标签,为-blank表示在新

<a href="https://blog.csdn.net/weixin_50187215?spm=1011.2124.3001.5343" target="-blank" title="myblog">
        <img src="https://i.loli.net/2021/07/09/lyPmswNBMzD1vd5.jpg">
    </a>

3 页面特定位置的链接

对于特定位置的跳转,首先我们的数目要超过一页才行,下面是一个事例

< a href = " 要跳转位置的标签">text

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>My Blog</title>
</head>

<body>

    <p>
        <a href="#cd 2">查看章节 4</a>
    </p>

    <h2> 1</h2>

    <h2> 2</h2>

    <h2> 3</h2>

    <h2><a id="cd 2">cd 2</a></h2>

    <h2> 7</h2>

    <h2> 8</h2>

    <h2> 9</h2>

    <h2> 10</h2>

    <h2> 11</h2>

    <h2> 12</h2>

    <h2> 13</h2>

    <h2> 14</h2>

    <h2> 15</h2>

    <h2> 16</h2>

    <h2> 17</h2>

    <h1>18 </h1>

    <h2> 18</h2>

    <h1> 18</h1>

    <h1> 17</h1>
</body>

</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值