图像标签、超链接

图像标签

  • <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<!--    <img 学习
 src：图片地址
     相对地址（推荐使用） ，绝对地址
     ../   代表上一级目录
alt: 图片名字（必填）
 -->
<img src="../resources/img/C7.jpg" alt="汽车" title="图片名称" width="500px" height="400px">
</body>
</html>

超链接

  • <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
<!--<a 标签
href: 必填，表示要跳转到哪个页面
target: 表示窗口在哪里打开
       _blank 在新标签页打开
       _self  在自己的页面打开  （默认的）
 -->
<h2>
<a href="test01.html" target="_blank">跳转到test页面</a>
<a href="https://www.baidu.com" target="_self">跳转到百度页面</a>
</h2>

<!--锚链接（实现页面间的跳转）
1.需要一个锚标记
2.跳转到标记
#
-->
<h1>
<a href="#top">回到顶部</a>
</h1>
<!--功能性链接
邮件链接：mailto:
QQ推广
-->
<a href="mailto:1779111382@qq.com">联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="你好，朋友" title="你好，朋友"/></a>
</body>
</html>
posted @ 2021-05-06 10:31  saxon宋  阅读(51)  评论(0)    收藏  举报