在HTML中,插入圖片通常使用<img>
標籤。以下是一個基本的圖片插入語法示例:
<img src="圖片的URL" alt="替代文本">
src
屬性用於指定圖片的路徑或URL。alt
屬性用於提供圖片的替代文本,當圖片無法顯示時,替代文本會顯示在頁面上。例如,如果你想插入一張名為example.jpg
的圖片,並且這張圖片位於與HTML檔案相同的目錄下,你可以這樣寫:
<img src="example.jpg" alt="示例圖片">
如果圖片位於不同的目錄或伺服器上,你需要提供完整的路徑或URL:
<img src="https://www.example.com/images/example.jpg" alt="示例圖片">
你還可以通過添加其他屬性來進一步控制圖片的顯示,例如width
和height
來設定圖片的寬度和高度:
<img src="example.jpg" alt="示例圖片" width="500" height="300">
請注意,width
和height
屬性通常使用像素作為單位。如果你只指定其中一個屬性,瀏覽器會自動按比例調整另一個屬性以保持圖片的原始寬高比。