探索神奇之旅:点击链接a,开启你的前端之旅!

一、代码全文

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>链接</title>

</head>

<body>

    <h3>不同的链接</h3>

    <!-- 使用<a>标签创建链接,href属性指定链接地址,target="_blank"在新标签页打开链接 -->

    <a href="http://www.qq.com" target="_blank">

        <h2>你好QQ</h2>

    </a>

    <!-- 相对路径指向本地文件,会自动寻找当前目录下的皮卡丘.jpeg文件 -->

    <a href="皮卡丘.jpeg" target="_blank">皮卡丘</a> <br>

    <!-- 使用绝对路径指向名侦探柯南.qsv文件,target="blank"在新标签页打开链接 -->

    <a href="名侦探柯南.qsv" target="_blank">名侦探柯南</a>

</body>

</html>


二、运行结果

1. 点击“你好QQ”这个链接,弹出如下界面:

2. 点击“皮卡丘”这个链接,弹出如下图片:

3. 点击“名侦探柯南”这个链接,弹出如下下载:


三、结语

       感谢您阅读本文,希望本文对您有所帮助。如果您觉得本文有价值,请点赞、收藏和关注我,这将是对我最大的鼓励和支持。我将不断学习和进步,尽力为更多读者带来更好的文章。谢谢!

相关推荐

  1. 探索前端框架世界:一场前端

    2023-12-14 23:48:07       48 阅读
  2. 开启鸿蒙开发探索

    2023-12-14 23:48:07       57 阅读
  3. Web前端开发新书:探索技术与艺术交融

    2023-12-14 23:48:07       33 阅读
  4. mac前端开发环境搭建:一步步指引编程

    2023-12-14 23:48:07       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-14 23:48:07       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-14 23:48:07       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-14 23:48:07       82 阅读
  4. Python语言-面向对象

    2023-12-14 23:48:07       91 阅读

热门阅读

  1. xml.dom.minidom --- 最小化的 DOM 实现

    2023-12-14 23:48:07       57 阅读
  2. C++二维数组(3)

    2023-12-14 23:48:07       49 阅读
  3. GO语言基础案例讲解

    2023-12-14 23:48:07       47 阅读
  4. 汽车IVI中控开发入门及进阶(十二):V4L2视频

    2023-12-14 23:48:07       58 阅读
  5. 开发常用工具网站(不定时更新)

    2023-12-14 23:48:07       68 阅读
  6. Vue的生命周期

    2023-12-14 23:48:07       63 阅读
  7. 词法约定 - 现代 C++(心得-贰)

    2023-12-14 23:48:07       44 阅读
  8. LeetCode290. Word Pattern

    2023-12-14 23:48:07       56 阅读