HTML是一種用于創建網頁的標記語言。它允許網頁作者結構化其內容并在頁面上展示優美的排版。如何引入圖片并設置它的大小也是HTML的一個基本功能，本文將為大家詳細介紹。

要在HTML中引入一張圖片，可以使用標簽。以下是一個簡單的例子：

<img src="example.jpg" alt="一個示例圖片">

請注意，在標簽中，src屬性是必需的，它指定要顯示的圖片的文件路徑。alt屬性可選，它包含一段替代文本，在瀏覽器不能加載圖片時會顯示。這個示例只包含了一個元素，但通常情況下，標簽將嵌套在其他HTML元素中以便于定位和樣式化。

如何調整標簽顯示的圖片大小呢？

第一種方法是通過在HTML中直接指定圖片的寬度和高度，如下所示：

<img src="example.jpg" alt="一個示例圖片" width="400" height="300">

在這個例子中，width和height屬性用于指定圖片的寬度和高度，以像素為單位。請注意，這種方法具有固定大小，并且可能導致圖像顯示不正常，所以請小心使用。

第二種方法是通過CSS樣式表設置圖片大小：

<img src="example.jpg" alt="一個示例圖片" style="width: 50%; height: auto;">

這個方法使用CSS樣式表來動態地調整圖片大小。在這個例子中，我們使用了style屬性來指定樣式，設置寬度為50%。高度設置為"auto"可以確保圖片按比例縮放，以使原始寬高比保持不變。

在這篇文章中，我們學習了如何在HTML中引入圖片，并掌握了兩種方法來設置圖片大小?，F在您可以將這些技巧用于自己的網站設計中，以打造一個優美、出色的網站！