在HTML5中，生成验证码图片通常涉及到服务器端和客户端的配合。验证码通常用于防止机器人或自动化工具滥用网站的功能，如注册或提交表单等。下面是一个简单的示例，展示了如何在HTML页面中嵌入一个验证码图片。请注意，实际的验证码生成和验证通常是在服务器端完成的。
你需要在HTML页面中创建一个图像元素来显示验证码图片，以及一个输入字段供用户输入验证码。
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证码示例</title>
</head>
<body>
<!-- 验证码图片 -->
<img id="captcha-image" src="https://www.qq959.com/static/image/lazy.gif" class="lazy" original="https://www.qq959.com/static/image/nopic320.png" alt="验证码">
<!-- 用户输入验证码的输入框 -->
<input type="text" id="captcha-input" placeholder="请输入验证码">
<!-- 其他表单字段和提交按钮 -->
<!-- ... -->
</body>
</html>在这个示例中，<img>元素的src属性应该指向服务器端生成验证码图片的URL，这个URL应该返回一张包含验证码的图片，你需要根据你的服务器端技术（如PHP、Python等）来生成这张图片，验证码图片通常会包含一些随机生成的字符或图案，以增加机器人识别的难度。
服务器端生成验证码图片的逻辑会因你使用的技术栈而异，一旦图片生成并准备好发送回客户端，服务器应该同时保存这个验证码以供后续验证，当表单提交时，服务器会检查用户输入的验证码是否与之前生成的验证码匹配。
这只是一个简单的示例，实际的实现可能会更复杂，并需要更多的安全性和可用性考虑，你可能需要定期更换验证码图片，或者使用更复杂的算法来生成难以识别的验证码，对于安全性要求较高的应用，你可能还需要结合其他安全措施，如隐藏字段、双重验证等。
