在HTML 5中,插入图片非常简单。你只需要使用<img>元素,并在其中指定图片的URL,就可以将图片插入到页面中了。

下面是一个简单的例子:

<!DOCTYPE html>
<html>
<head>
    <title>插入图片示例</title>
</head>
<body>
    <h1>这是一个插入图片的示例</h1>
    <img src="https://www.example.com/image.jpg" alt="图片描述">
</body>
</html>

在上面的例子中,<img>元素用于插入图片。src属性用于指定图片的URL,alt属性用于设置图片的描述(当图片加载失败时显示)。

另外,你还可以设置widthheight属性来指定图片的宽度和高度,例如:

<img src="https://www.example.com/image.jpg" alt="图片描述" width="300" height="200">

这样就可以将图片的宽度设置为300像素,高度设置为200像素。

需要注意的是,为了确保网页的加载速度和用户体验,建议尽量优化图片的大小和质量,并使用合适的图片格式(如JPEG、PNG等)来减小图片文件的大小。

希望这个简单的示例对你有帮助!