Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách hiển thị hình ảnh trong HTML?

Sử dụng thẻ <img> trong HTML để hiển thị hình ảnh. Dưới đây là các thuộc tính:

Thuộc tính Giá trị Mô tả
aligntop, bottom, middle, left, rightĐã lỗi thời - Chỉ định căn chỉnh hình ảnh.
altvăn bảnChỉ định văn bản thay thế.
borderpixelĐã lỗi thời - Chỉ định độ rộng viền hình ảnh.
crossoriginanonymous, use-credentialsCho phép hình ảnh từ trang thứ ba cho phép truy xuất cross-origin được tái sử dụng với canvas.
heightpixel hoặc %Chỉ định chiều cao hình ảnh.
hspacepixelĐã lỗi thời - Khoảng trắng chèn vào trái/phải đối tượng.
ismapURLĐịnh nghĩa hình ảnh là bản đồ hình ảnh phía máy chủ.
longdescvăn bảnĐã lỗi thời - URI/URL mô tả dài, mở rộng mô tả ngắn của alt.
srcURLURL của hình ảnh.
usemap#mapnameĐịnh nghĩa hình ảnh là bản đồ phía client, dùng cùng <map> và <area>.
vspacepixelĐã lỗi thời - Khoảng trắng chèn vào trên/dưới đối tượng.
widthpixel hoặc %Đặt chiều rộng hình ảnh tính bằng pixel hoặc %.

Ví dụ

Bạn có thể chạy mã sau để thêm hình ảnh vào tài liệu web:

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ img trong HTML</title>
  </head>
  <body>
    <img src="https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg" alt="Learn HTML5" height="250" width="270" />
  </body>
</html>