这一节我们就只学一个标签 并且做一个小练习
我们这次学的是图像img标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="星空i.jpg" alt="图片" title="星空图片" width="500px" height="500px">
</body>
</html>
这边就是用的我们的相对路径 相对路径代表的是以我们当前文档的地址为默认的出发点
因为我这个图片跟我的html文件是同一个目录 所以我直接用的星空1.jpg
图像的属性 src表示图片的地址
title表示当我鼠标移动到图片上显示的内容
alt表示当我图像不能正常显示的时候提示的内容
width设置图片的宽度
height 设置图片的高度
align 设置图片的对齐方式 但是无法让他居中
让他居中的方式可以用在图像标签的上面套一个p标签 p标签让他里面的内容居中
小练习 两个页面一个页面放一张图片当我点击图片的时候跳到第二页
第二页一个标题 图片文件 然后加水平线
我把我的文件放在下面链接https://wwe.lanzoui.com/iJUGFwmxwba之中 建议自己找图片试试