最近，在许多网站上，我们可以看到更加生动、多样化的图片展示方式，例如图片轮播、大图浏览等。这些效果都是通过HTML5与CSS3技术实现的。本文将介绍HTML5实现图片展示的代码。首先，让我们来看一段展示图片的代码：

<p ><img src="image1.jpg" alt="image1"><img src="image2.jpg" alt="image2"><img src="image3.jpg" alt="image3"></p>

这段代码中，我们使用了<p>标签来创建一个容器，同时在该容器内嵌入了三张图片（image1.jpg、image2.jpg、image3.jpg）。<img>标签用来嵌入图像文件，其中alt属性为图片的替代文本。接下来，我们来实现一个简单的图片轮播效果：

<p ><img src="image1.jpg" alt="image1"><img src="image2.jpg" alt="image2"><img src="image3.jpg" alt="image3"></p><script>function changeImg() {var imgs = document.getElementById('gallery').getElementsByTagName('img');var len = imgs.length;var index = 0;setInterval(function() {imgs[index].style.display = 'none';index = (index + 1) % len;imgs[index].style.display = 'block';}, 2000);}window.onload = changeImg;</script>

在这段代码中，我们使用了JavaScript实现图片轮播效果。函数changeImg()中，我们首先获取<p>标签中的所有图片元素，再利用setInterval()函数实现2秒一次的轮播效果。由于我们需要控制照片的显示和隐藏，所以需要使用.style.display属性，将照片的display属性设置为‘block’或‘none’。至此，我们实现了一个简单的图片轮播效果。这个效果可以作为网站的基础HTML5图片展示，是一个很不错的开始点。