HTML 是網(wǎng)頁設(shè)計(jì)的基礎(chǔ)，通過 HTML，我們可以在網(wǎng)頁中插入圖片和圖形，讓網(wǎng)頁更加美觀和生動。 插入圖片的方法很簡單，可以使用標(biāo)簽，例如：

<img src="圖片路徑" alt="圖片描述">

其中，src 屬性指定圖片的路徑，可以是相對路徑或絕對路徑；alt 屬性用于指定圖片的說明文字，如果圖片無法顯示，說明文字會顯示。 此外，還可以使用 CSS 樣式為圖片添加邊框、陰影等效果，例如：

<img src="圖片路徑" alt="圖片描述" style="border:1px solid black; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);">

其中，border 屬性用于指定邊框的樣式和寬度，box-shadow 屬性用于指定陰影的樣式和顏色。 除了插入圖片，還可以在網(wǎng)頁中插入圖形，例如直線、矩形、圓形等。HTML 提供了標(biāo)簽用于繪制圖形，例如：

<canvas id="myCanvas" width="300" height="200"></canvas>

這里定義了一個 300x200 的畫布，可以在 JavaScript 中使用 Canvas API 繪制圖形。例如，可以繪制一條紅色直線：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 200);
ctx.strokeStyle = "red";
ctx.stroke();

上述代碼使用 JavaScript 獲取 canvas 元素，并創(chuàng)建一個 2D 的繪圖上下文對象 ctx，然后定義一條起點(diǎn)坐標(biāo)為 (0, 0)，終點(diǎn)坐標(biāo)為 (300, 200) 的直線，并設(shè)置其顏色為紅色，最后繪制出來。 通過 HTML 插入圖片和繪制圖形，可以使網(wǎng)頁更加生動、豐富，吸引用戶的注意力，提高用戶的閱讀體驗(yàn)。