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>
