图像标签&链接标签

图像标签

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

<!--

alt和src是必填项
../返回上级目录
src可以写相对地址(推荐使用)，也可以选择绝对地址
 title="悬停文字" 意思是鼠标放到图片上的时候会显示“”里的内容
 设置图片大小，图片可能会变形

-->
<img src="../resources/image/1.jpg" alt="图片名字" title="悬停文字" width="300" height="400">

</body>
</html>

链接标签

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

<!--使用name做一个标记-->
<a name="top">顶部</a>

<!--

href要跳转的界面
target表示窗口在哪里打开：_blank在新标签页打开

-->
<a href="FirstWeb.html" target="_blank">跳转到第一个页面</a>
<a href="https://www.baidu.com">跳转到百度页面</a>
<br/>


图片超链接：
<a href="FirstWeb.html"><img src="../resources/image/1.jpg" alt="图片名字"></a>

<br/>
<!--

锚链接：
1.需要一个锚标记
2.跳转到抛锚标记
#
-->
<a href="#top">回到顶部</a>


</body>
</html>
posted @ 2021-08-10 16:11  卡卡发  阅读(45)  评论(0)    收藏  举报