10-HTML学习-超链接

最新推荐文章于 2024-11-01 15:19:31 发布

高山莫衣

最新推荐文章于 2024-11-01 15:19:31 发布

阅读量189

点赞数

分类专栏： html 文章标签： html html5 学习笔记加油实战演练

原创作品，共同进步！

本文链接：https://blog.csdn.net/AdamCY888/article/details/123606760

版权

html 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

话不多说

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        超链接 可以从一个页面跳转到另一个页面
        使用 a 创建超链接
        
        超链接的属性
        href  用于指定跳转到目标页面的地址
        target 用于指定以什么方法打开页面
            可选值:
                _self 默认值,原窗口打开
                _blank   新窗口打开
     -->
     <!-- 外部链接 -->
     <a href="http://www.baidu.com">百度一下</a>
     <a href="https://www.itdianbo.com" target="_blank">点播教育</a>

     <!-- 内部链接 -->
     <a href="./1htmlfirst1.html">内部链接</a>
     <a href="/HTML/2标签介绍.html">相对路径</a>
     <!-- 空连接 -->
     <a href="#">空链接,无指定页面,跳转到当前页面</a>
     <!-- 下载链接,若链接的文件,则下载 -->
     <a href="../5.zip">下载链接</a>
     <!-- 给其他网页元素添加超链接,图片,表格等 --> 
     <!-- 点击图片,跳转到指定超链接 -->
     <!-- <a href="http://www.baidu.com"><img src="../10.jpg" title="进来看看我" alt=""></a> -->
     
     <!-- 
         锚点链接 跳转到当前页面的指定位置
        目标标签添加属性,id每个标签都可以添加属性,id="指定的名称",id不能重复
        超链接 href 属性值为 '#指定的名称' 
      -->

      <br>
      <a href="#haha">去哈哈</a>
      <br>
      <a href="#hehe">去呵呵</a>
      <br>
      <pre>
    \begin{figure}[ht]
	\centering
    <h1 id="haha">定位一下</h1>
	\includegraphics[scale=0.3]{02.png}
	\caption{f), g) and h) show the results of the GaussMarkov-Potts method.}
    \end{figure}
    <h1 id="hehe">再定位一下</h1>
    \begin{itemize}
    \item[*] a
    \item[*] b
    \end{itemize}
      </pre>

      <a href="javascript:;">毫无反应链接</a>

      <a href="#">回到顶部-当前页面</a>
</body>
</html>