元素设置为弹性容器，并使用align-items属性将其子元素（即图片）沿垂直方向对齐到上边缘。justify-content属性用于水平居中图片。

3. 使用背景图片

将图片作为背景图像是一种简单而有效的方法，可以将其放置在页面的顶部。

在上面的代码中，我们将图片作为背景图像应用于整个页面，通过设置background-position属性为center top，我们可以将图片定位到页面的顶部并水平居中。background-repeat属性设置为no-repeat以防止图片重复，而background-size属性设置为cover以使图片覆盖整个页面。

以上是在HTML5中将图片置于页面顶部的一些常见方法，根据你的需求和布局要求，选择适合的方法来达到所需的效果。

相关问题与解答

Q1: 如何在网页中使用背景图片？

A1: 在网页中使用背景图片可以通过将图片作为背景图像应用于相应的元素来实现，可以使用CSS的background-image属性指定图片的URL，然后根据需要调整其他背景相关的属性，如background-position、background-repeat和background-size等。

Q2: 如何使用Flexbox布局将图片置于页面顶部？

A2: 使用Flexbox布局将图片置于页面顶部可以通过创建一个包含图片的弹性容器来实现，设置弹性容器的display属性为flex，然后将align-items属性设置为flex-start，以将图片沿垂直方向对齐到上边缘，还可以使用justify-content属性来控制图片在水平方向上的对齐方式。

网站栏目：html5如何让图片置顶
标题来源：http://www.jxjierui.cn/article/djcooee.html