帮我写一个h5模板有多个图片插入
时间: 2024-03-15 13:46:14 浏览: 19
好的,以下是一个基本的 HTML5 页面模板,其中包括多个图片插入的例子:
```
<!DOCTYPE html>
<html>
<head>
<title>My HTML5 Page</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Welcome to my HTML5 page!</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
<article>
<h2>Article Heading</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius nibh sed magna tincidunt ultrices. Donec euismod dui ac libero porttitor, non luctus turpis semper. Nullam lacinia quam vitae purus malesuada, vel laoreet metus interdum. Nam vel massa eu purus vehicula dignissim. Duis sed ligula euismod, hendrerit quam eu, blandit sapien. </p>
<img src="image1.jpg" alt="Image 1">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius nibh sed magna tincidunt ultrices. Donec euismod dui ac libero porttitor, non luctus turpis semper. Nullam lacinia quam vitae purus malesuada, vel laoreet metus interdum. Nam vel massa eu purus vehicula dignissim. Duis sed ligula euismod, hendrerit quam eu, blandit sapien. </p>
<img src="image2.jpg" alt="Image 2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius nibh sed magna tincidunt ultrices. Donec euismod dui ac libero porttitor, non luctus turpis semper. Nullam lacinia quam vitae purus malesuada, vel laoreet metus interdum. Nam vel massa eu purus vehicula dignissim. Duis sed ligula euismod, hendrerit quam eu, blandit sapien. </p>
<img src="image3.jpg" alt="Image 3">
</article>
<aside>
<h3>Aside Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius nibh sed magna tincidunt ultrices. Donec euismod dui ac libero porttitor, non luctus turpis semper. Nullam lacinia quam vitae purus malesuada, vel laoreet metus interdum. Nam vel massa eu purus vehicula dignissim. Duis sed ligula euismod, hendrerit quam eu, blandit sapien. </p>
<img src="image4.jpg" alt="Image 4">
</aside>
</main>
<footer>
<p>© 2021 My HTML5 Page</p>
</footer>
</body>
</html>
```
在这个例子中,有四个图片被插入到文章和侧边栏中。每个图片都使用 `img` 标签,其中 `src` 属性指定了图片的路径,而 `alt` 属性提供了一段描述图片的文本,以便于屏幕阅读器等辅助技术的使用。