Xem đoạn mã nguồn HTML sau đây, nếu ảnh không tồn tại, nội dung gì sẽ hiên thị trên trình duyệt?
<img src = "hnue.jpeg" alt = "hnue">
Lời giải chi tiết
Để giải quyết bài toán này, chúng ta cần hiểu về thẻ <img> trong HTML và thuộc tính alt của nó.
1. Thẻ <img> được dùng để nhúng hình ảnh vào trang web. Nó có thuộc tính src để chỉ định nguồn của hình ảnh. Nếu hình ảnh không thể tải được (ví dụ: ảnh không tồn tại, lỗi đường dẫn,...), nội dung của thuộc tính alt sẽ được hiển thị thay thế.
2. Thuộc tính alt là viết tắt của "alternative text". Nó cung cấp một mô tả ngắn về hình ảnh, rất hữu ích nếu ảnh không tải được hoặc khi trình đơn đọc màn hình cho người khiếm thị.
Với đoạn mã HTML đã cho:
<img src = "hnue.jpeg" alt = "hnue">- Nếu ảnh "hnue.jpeg" không tồn tại, trình duyệt sẽ hiển thị nội dung của thuộc tính alt, tức là "hnue".
Do đó, đáp án đúng là: B. hnue
Chú ý khi giải
Khi giải các bài tập liên quan đến thẻ <img> trong HTML, học sinh cần chú ý:
src: Đường dẫn đến nguồn ảnh, phải chính xác nếu không muốn phát sinh lỗi.alt: Nội dung hiển thị cho người dùng nếu ảnh không tồn tại. Cần viết rõ ràng, dễ hiểu, mô tả đúng mục đích ảnh.