PHP和HTML都是Web開發中常用的編程語言，而圖片則是網頁展示的重要組成部分。PHP可以通過嵌入HTML標簽的方式來生成動態圖片，同時也可以通過文件上傳等方式來實現圖片的顯示。 比如下面這段代碼，就是通過PHP生成一個根據用戶輸入的數字生成相應寬高的矩形圖片：

<?php
// 獲取用戶參數
$width = isset($_GET['width']) ? $_GET['width'] : 200;
$height = isset($_GET['height']) ? $_GET['height'] : 200;
// 創建畫布并填充顏色
$canvas = imagecreatetruecolor($width, $height);
$color = imagecolorallocate($canvas, 0, 0, 0);
imagefill($canvas, 0, 0, $color);
// 輸出圖片
header('Content-Type: image/jpeg');
imagejpeg($canvas);
imagedestroy($canvas);
?>

在HTML中，展示一張圖片只需要使用標簽，并指定圖片的src屬性即可，如下面這段代碼：

<img src="http://example.com/images/image.jpg" alt="這是一張圖片">

如果想動態地展示圖片，可以使用PHP生成圖片，并在HTML中通過標簽展示。比如，下面這個例子就是在網頁中隨機顯示一張由PHP生成的圖片：

<?php
// 隨機選取一張圖片
$images = array('image1.jpg', 'image2.jpg', 'image3.jpg');
$imagePath = 'images/' . $images[array_rand($images)];
// 讀取圖片并輸出
header('Content-Type: image/jpeg');
readfile($imagePath);
?>
<img src="randomImage.php" alt="隨機圖片">

除了使用PHP生成圖片，還可以使用HTML提供的標簽進行圖形繪制。下面這段代碼就是使用JS生成一個簡單的矩形：

<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.fillStyle = 'blue';
context.fillRect(50, 50, 100, 100);
</script>

通過標簽和JavaScript，我們可以實現很多圖形繪制和動畫效果。比如下面這個例子就是實現一個簡單的動畫效果：

<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var x = 50;
var y = 50;
var dx = 5;
function draw() {
context.clearRect(0, 0, canvas.width, canvas.height);
context.fillRect(x, y, 50, 50);
if (x + dx >canvas.width - 50 || x + dx< 0) {
dx = -dx;
}
x += dx;
requestAnimationFrame(draw);
}
requestAnimationFrame(draw);
</script>

在上面的例子中，我們使用了requestAnimationFrame方法來實現動畫效果，這是一個比setInterval更加有效的動畫實現方式。 無論是在PHP還是在HTML中，圖片都是網頁展示中不可或缺的一部分。我們可以使用PHP生成圖片，同時通過HTML的標簽來展示；也可以使用HTML提供的標簽和JavaScript來實現圖形繪制和動畫效果。無論哪種方式，都能夠豐富網頁的展示形式，提高用戶體驗。