btvn.vn
Tìm kiếm Đăng nhập

Chèn ảnh bằng img, src và alt

Lưu trên thiết bị này
Đa phương tiện và khung nội tuyến HTML · Chọn bài khác

Ảnh được tải từ tệp mà src chỉ tới

Phần tử `img` chèn ảnh vào nội dung trang. Đây là thẻ đơn, không viết thẻ đóng img. Thuộc tính `src` chỉ đường dẫn tệp ảnh; `alt` cung cấp văn bản thay thế theo nội dung hoặc chức năng của ảnh. PNG, JPEG, GIF và WebP là những định dạng điểm ảnh thường gặp trên web. SVG là định dạng vectơ cũng có thể dùng với img. Không phải mọi định dạng ảnh đều được mọi trình duyệt hỗ trợ. Với tệp TIFF hoặc EPS cần dùng trên web, nên xuất sang định dạng phù hợp rồi kiểm lại, thay vì chỉ đổi phần mở rộng.

Tìm ảnh trong thư mục con

Ảnh mẫu cuốn sách mở; tệp gốc có kích thước 320 × 180 pixel.
Ảnh mẫu cuốn sách mở; tệp gốc có kích thước 320 × 180 pixel.
Mở hình lớn
```html <img src="anh/sach.png" alt="Cuốn sách mở" width="160"> ``` Từ tệp HTML, đường dẫn đi vào thư mục anh rồi tìm sach.png. Ảnh mẫu là một cuốn sách mở, nên alt mô tả đúng nội dung ấy. Giá trị width ở đây đặt chiều rộng hiển thị là 160 pixel.

alt không sửa tệp ảnh bị lỗi

Khi ảnh không tải được, alt giúp người đọc hiểu nội dung bị thiếu. Công cụ đọc màn hình cũng có thể dùng văn bản này. Nếu ảnh là phần duy nhất của một liên kết, alt cần diễn đạt chức năng, chẳng hạn “Mở lịch hoạt động”. Ảnh chỉ để trang trí, không cung cấp nội dung hay chức năng, có thể dùng `alt=""`. Không để alt trống cho ảnh cần truyền đạt thông tin chỉ để che dấu lỗi tải ảnh. Nếu ảnh không hiện, kiểm đường dẫn, tên tệp, định dạng được hỗ trợ và tình trạng tệp. alt không tự tìm lại ảnh, đổi định dạng hoặc sửa tệp hỏng.

Bài luyện

Trong ví dụ img, thuộc tính nào chỉ nơi lấy tệp ảnh?
Chọn một đáp án

Bài luyện

Một ảnh PNG không hiện vì src viết sai tên tệp. Thêm alt đúng có tác dụng gì?
Chọn một đáp án

Bài luyện

Nhận xét nào đúng về img?
Chọn một đáp án

Đang học