图片标签
img标签通过属性将内容展现出来。
width表示宽度 , alt是对无法显示图片的一个描述。
src表示图片的路径,然后可以引用这张图片。
路径分为绝对路径和相对路径
1.绝对路径:从根目录开始把路一步步的展现出来。
2.相对路径:相对于当前的HTML所在的目录。
./ 用来表示被引用的图片和HTML在同一目录
(两个点)/ 用来表示被引用图片在HTML文件的上一级目录
以此类推可以灵活表示图片的路径。
3.(一个目录)/ 这里的/相当打开该目录,及 到该目录的下一级。
<!DOCTYPE html>
<html>
<head>
<title>常用标签</title>
</head>
<body>
<img src="./you.jpg"width="200">
<br>
<img src="yousheng.jpg"width="200">
<br>
<img src="../订订/you02.jpg"width="200">
<img src="you01.jpg"width="200">
<img src="tupian/you.03.jpg"width="200">
<img src="you.04.jpg"alt="火影——鼬">
</body>
</html>