HTML - Thẻ <img>
Miêu tả
Thẻ HTML <img> được sử dụng để đặt một ảnh vào trong tài liệu HTML.
Ví dụ
<!DOCTYPE html> <html> <head> <title>Vi du the img trong HTML</title> </head> <body> <img src="https://vietjack.com/html/images/html.gif" alt="HTML Tutorial" height="150" width="140" /> </body> </html>
Nó sẽ cho kết quả sau:
Các thuộc tính Global
Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương: Tổng hợp thuộc tính trong HTML
Các thuộc tính đặc trưng
Thẻ HTML <img> cũng hỗ trợ các thuộc tính sau:
| Thuộc tính | Giá trị | Miêu tả |
|---|---|---|
| align | top bottom middle left right | Thuộc tính cũ- Xác định sự căn chỉnh của hình ảnh |
| alt | text | Xác định văn bản thay thế |
| border | pixels | Thuộc tính cũ - Xác định độ rộng của border hình ảnh. |
crossorigin | anonymous use-credentials | Nó cho phép các hình ảnh từ site thứ ba mà cho phép truy cập chéo để tái sử dụng với canvas. |
| height | pixels or % | Xác định chiều cao của hình ảnh. |
| hspace | pixels | Thuộc tính cũ - Số lượng khoảng trống trắng được chèn tới bên trái và phải của đối tượng. |
| ismap | URL | Định nghĩa hình ảnh như là Image Map server-side. |
| longdesc | text | Thuộc tính cũ- Xác định một URI/URL của một miêu tả dài - Nó có thể tạo một miêu tả ngắn hơn bởi sử dụng thuộc tính alt. |
| src | URL | Địa chỉ URL của một hình ảnh. |
| usemap | #mapname | Định nghĩa hình ảnh như là Image Map client-side và được sử dụng song song với hai thẻ <map> và thẻ <area>. |
| vspace | pixels | Thuộc tính cũ - Số lượng khoảng trống trắng được chèn vào phần trên và dưới của đối tượng. |
| width | pixels hoặc % | Thiết lập độ rộng của hình ảnh bằng giá trị pixel hoặc bằng %. |
Các thuộc tính sự kiện
Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML
Trình duyệt hỗ trợ
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| Có | Có | Có | Có | Có | Có |
Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.
Bài học HTML phổ biến khác tại vietjack.com:
