HTML学习笔记4——超链接

最新推荐文章于 2024-04-26 15:41:37 发布

原创

最新推荐文章于 2024-04-26 15:41:37 发布 · 644 阅读

标签

#html #学习 #笔记 #前端

收录于

超链接

超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户界面范式，用以显示文本及与文本之间相关的内容。现时超文本普遍以电子文档方式存在，其中的文字包含有可以连接到其他位置或者文档的链接，允许从当前阅读位置直接切换到超文本链接所指向的位置。

语法

<a href="跳转到的地方（可以直接复制相应页面的网址）">文字图片等</a>
<!-- “文字图片等”在网页中被点击后可以跳转到相应的地方，也就是超链接跳转的入口 -->
<!-- 文字直接输入就可以，图片要将整个图片标签放进去 -->

示例

<!DOCTYPE html>    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 点击文字 -->
    <a href="/https://baike.baidu.com/item/HTML/97049?fr=ge_ala">点我跳转</a>
    <!-- 点击图片（图片所对应路径一定要正确） -->
    <a href="/https://baike.baidu.com/item/HTML/97049?fr=ge_ala"><img src="img\2024-03-11 190559.png" alt="草