用html+div制作一个有五张图片的个人主页
时间: 2024-04-30 11:18:29 浏览: 59
好的,以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>个人主页</title>
<style>
/* 设置图片大小和间距 */
.img {
width: 200px;
height: 200px;
margin: 10px;
float: left;
}
</style>
</head>
<body>
<h1>欢迎来到我的个人主页</h1>
<!-- 插入五张图片 -->
<div>
<img class="img" src="image1.jpg" alt="图片1">
<img class="img" src="image2.jpg" alt="图片2">
<img class="img" src="image3.jpg" alt="图片3">
<img class="img" src="image4.jpg" alt="图片4">
<img class="img" src="image5.jpg" alt="图片5">
</div>
</body>
</html>
```
这个示例代码中,我们使用了 HTML 的 `<img>` 标签来插入五张图片,每张图片都被包裹在一个 `<div>` 元素中,并设置了 `.img` 样式来控制图片的大小和间距。你可以将其中的图片链接替换为你自己的图片链接,然后根据需要修改样式。
阅读全文