資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 頁面中使用影像的高度和寬度屬性？
圖片透過幫助讀者更好地理解網頁上的內容，使內容更有趣。
我們可以在 HTML 頁面中插入圖片。要在 HTML 頁面中插入圖片，請使用<img>標籤。它是一個空標籤，只包含屬性，因為不需要結束標籤。
src屬性用於新增影像源，即影像的 URL（檔案位置）。alt屬性用於新增替代文字，width 用於新增寬度，height 用於新增影像的高度。
我們使用 style 屬性來更改影像的大小，即影像的高度和寬度。
語法
以下是更改 HTML 頁面上影像高度和寬度的語法。
<img src="url" alt="some_text" width="" height="">
示例
在下面的示例程式中，我們使用 style 屬性更改了影像的高度。
<!DOCTYPE html> <html> <body> <img src="https://tutorialspoint.tw/opencv/images/opencv-mini-logo.jpg" height="300px"> </body> </html>
示例
在下面的示例程式中，我們使用 style 屬性更改了影像的寬度。
<!DOCTYPE html> <html> <body> <img src=" https://tutorialspoint.tw/opencv/images/opencv-mini-logo.jpg" width="500px"> </body> </html>
示例
在下面的示例程式中，我們使用 style 屬性更改了影像的寬度和高度。
<!DOCTYPE html> <html> <body> <img src="https://tutorialspoint.tw/opencv/images/opencv-mini-logo.jpg" height="200"width="400px"> </body> </html>
更新於： 2022年11月11日
2K+ 瀏覽量
廣告