Phân tích cú pháp HTML trình bày hiển thị hình ảnh trên trình duyệt:

A. <image href="icon.jpg" alt="FIT HNUE">
- Thẻ <image> không tồn tại trong HTML. Hơn nữa, thuộc tính "href" thường sử dụng với các thẻ liên kết như <a>.

B. <img src="icon.png" alt="FIT HNUE">
- Thẻ <img> được sử dụng để hiển thị hình ảnh trong HTML. Thuộc tính "src" chỉ định đường dẫn đến file ảnh, còn thuộc tính "alt" cung cấp văn bản thay thế cho hình ảnh.
=> Đây là cú pháp đúng và phổ biến nhất cho thẻ hình ảnh trong HTML.

C. <img href="icon.tuifP>
- Thẻ <img> đúng nhưng thuộc tính "href" không hợp lệ với thẻ này. Ngoài ra, chuỗi ký tự "icon.tuifP" có lỗi ký tự không phù hợp

D. <icon sro="icon.bmp">
- Thẻ <icon> không tồn tại trong HTML, và "sro" không phải là một thuộc tính hợp lệ.

Vì vậy, phương án đúng là B. <img src="icon.png" alt="FIT HNUE">.

Khi làm việc với hình ảnh trong HTML, cần lưu ý:

• Luôn sử dụng thẻ <img> để nhúng hình ảnh.
• Sử dụng thuộc tính "src" để chỉ đường dẫn đến file ảnh.
• Sử dụng thuộc tính "alt" để cung cấp mô tả ngắn gọn hình ảnh, giúp cải thiện SEO và truy cập của người dùng sử dụng công nghệ hỗ trợ.
• Đảm bảo đường dẫn và tên file ảnh chính xác để tránh lỗi không hiển thị hình ảnh.