在網站開發中，為了防止惡意攻擊和惡意注冊，我們通常會使用驗證碼圖片。

那么，HTML中如何生成驗證碼圖片呢？代碼如下：

<img src="captcha.php">

其中，<img>標簽的src屬性指向了一個 PHP 文件（captcha.php），用于生成驗證碼圖片。

那么，captcha.php文件中的代碼應該怎么寫呢？代碼如下：

<?php
session_start();
//生成驗證碼
$captcha_code = mt_rand(1000, 9999);
$_SESSION['captcha_code'] = $captcha_code;
//創建圖片
header('Content-type: image/png');
$font_file = 'arial.ttf';
$font_size = 18;
$image_width = 100;
$image_height = 30;
$im = imagecreatetruecolor($image_width, $image_height);
//設置顏色
$white = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);
//填充背景顏色
imagefilledrectangle($im, 0, 0, $image_width, $image_height, $white);
//繪制文字
imagettftext($im, $font_size, 0, 10, 20, $black, $font_file, $captcha_code);
//輸出圖片
imagepng($im);
//清除內存
imagedestroy($im);
?>

代碼中，session_start()用于開啟會話，$captcha_code是隨機生成的驗證碼，$_SESSION['captcha_code']將驗證碼保存在會話中。

接下來是圖片部分的代碼，我們創建了一個 100x30 的真彩色圖片，首先將背景填充為白色，然后將驗證碼繪制到圖片上，最后輸出圖片。

通過以上代碼，我們可以輕松地生成一個簡單的驗證碼圖片。