4、图像标签
图像标签主要解决的是如何在网页中放一个图像
一、常见图片格式
- JPG
- GIF
- PNG
- BMP
网页中用的最多的图片格式是JPG、PNG、GIF
二、图像标签
img
<img src="path" alt="text" title="text" width="x" height="y"/>
<!--
src(必填):图像地址(必填项,代表图片的路径,绝对路径、相对路径)
alt(必填):图像的替代文字:图片加载失败页面显示的文字
title:鼠标悬停提示文字
width:图像宽度
height:图像高度
-->
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签学习</title>
</head>
<body>
<!--img学习
src:图片地址
相对地址:“../”代表上一级目录,如果是当前目录下一级目录可以直接写即可
绝对地址:一般不推荐使用绝对路径
alt:图片加载失败页面显示的文字
title:鼠标悬停提示文字
-->
<img src="../resources/image/1.jpg" alt="Dryant" title="悬停文字" width="300" height="300">
</body>
</html>