HTML学习之路03--超链接标签

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>超链接</title>
    </head>
    <body>
        <!--<a></a>:超链接标签
            href的值:
                1,网络网页链接
                2,本地网页链接
            target:
                1,默认为“_self”为在当前窗口打开链接
                2,“_blank”为在另一个页面打开链接
         -->
        <hr color="red"/><br /><br />
        <!-- 文字链接 -->
        <a href="https://www.baidu.com/" >百度</a><br /><br />
        <hr color="red"/>

        <!-- 图片链接 
            在<a></a>中间插入图片标签
        -->
        <a href="https://www.baidu.com/" target="_blank"><img alt="百度" src="../imgs/bd_logo1.png" title="点击访问百度"></a>
        <!--锚点 
            <p></p>


         -->
         <a name="top">顶部</a>
         <a href="#three">到达最底层</a>

         <p>
            <a name="one"></a>
            锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点            
         </p>
         <a href="#one">上一节</a>              <a href="#two">下一节</a>

         <p>
            <a name="two"></a>
            锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚         
         </p>
         <a href="#one">上一节</a>              <a href="#three">下一节</a>

         <p>
            <a name="three"></a>
            锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点            
         </p>
          <a href="#two">上一节</a>
         <br />
         <a href="#top">回到顶点</a>


    </body>
</html>

效果图如下

这里写图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值