Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để hiển thị một hình ảnh trong HTML?


Sử dụng thẻ trong HTML để hiển thị hình ảnh. Sau đây là các thuộc tính -

Thuộc tính
Giá trị
Mô tả
Căn chỉnh
đầu trang
đáy
tên đệm
để lại
bên phải
Không dùng nữa - Chỉ định căn chỉnh cho hình ảnh.
Alt
văn bản
Chỉ định văn bản thay thế
Đường viền
pixel
Không được dùng nữa - Chỉ định chiều rộng của đường viền hình ảnh.
crossorigin Làm thế nào để hiển thị một hình ảnh trong HTML?
thông tin xác thực sử dụng ẩn danh
Nó cho phép sử dụng lại hình ảnh từ các trang web của bên thứ ba cho phép truy cập nguồn gốc chéo với canvas.
Chiều cao
pixel hoặc%
Chỉ định chiều cao của hình ảnh.
hspace
pixel
Không dùng nữa - Khoảng trắng được chèn vào bên trái và bên phải của đối tượng.
Bản đồ
URL
Xác định hình ảnh dưới dạng bản đồ hình ảnh phía máy chủ.
Longdesc
văn bản
Không dùng nữa - Chỉ định URI / URL của một mô tả dài - điều này có thể làm rõ hơn một mô tả ngắn hơn được chỉ định bằng thuộc tính alt.
Src
URL
url của hình ảnh
Bản đồ sử dụng
# mapname
xác định hình ảnh dưới dạng bản đồ hình ảnh phía máy khách và được sử dụng cùng với các thẻ
Vspace
pixel
Không dùng nữa - Khoảng trắng được chèn vào đầu và cuối đối tượng.
Chiều rộng
pixel hoặc%
Đặt chiều rộng của hình ảnh tính bằng pixel hoặc%.

Ví dụ

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

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