HTML——图像标签、超链接标签及应用

猿分&

已于 2022-06-09 13:39:44 修改

阅读量117

点赞数

分类专栏：前端文章标签： html

于 2022-06-07 18:36:46 首次发布

前端专栏收录该内容

47 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>

<!--img学习
src:图片地址
    相对地址（推荐），绝对地址
alt:图片加在不出来的时候的名称
-->


<img src="../resource/image/1.jpg" alt="冲鸭" title="你点到我咯" width="300" height="300" >

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>

<a name="top">顶部</a>

<!--a标签
href:必填，表示要跳转到那个页面;
target:表示窗口在哪里打开
    _blank在新窗口打开
    _self在本窗口打开
-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="http://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<a href="1.我的第一个网页.html">
    <img src="../resource/image/1.jpg" alt="冲鸭" title="你点到我咯" width="300" height="300" >
</a>




<!--锚链接
1.需要一个锚标记；
2.跳转到标记；
-->

<a href="#top">回到顶部</a>

<!--功能性链接
邮件链接：mailto:
QQ链接；;
-->
<a href="mailto:1304777958@qq.com">点击联系我</a><br/>


<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1304777958&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1304777958:53" alt="加我加我加我" title="加我加我加我"/></a>

</body>
</html>