BÀI 11. CHÈN TỆP TIN ĐA PHƯƠNG TIÊN VÀ KHUNG NỘI TUYẾN VÀO TRANG WEB

Câu 1: Một nhóm học sinh đang thực hành chèn ảnh vào trang web. Các bạn được giao nhiệm vụ tạo một trang web với hình ảnh minh họa cho một bài viết về "Tầm quan trọng của nước trong cuộc sống." Thầy giáo đã đưa ra các yêu cầu sau:

• Sử dụng thẻ <img> để chèn hình ảnh.
• Đảm bảo sử dụng thuộc tính alt để cung cấp văn bản thay thế cho mỗi hình ảnh, giúp người dùng hình dung được nội dung bức ảnh nếu không tải được ảnh.
• Dung lượng ảnh không nên quá lớn để tránh ảnh hưởng tới tốc độ tải trang.
• Có thể sử dụng các thuộc tính width và height để thiết lập kích thước ảnh, nhưng cần duy trì đúng tỉ lệ gốc của ảnh.

Nhóm đã viết các đoạn mã HTML sau:
a. <img src="images/water.png" alt="kenhhoctap" width="200" height="100">
b. <img src="https://example.com/large-image.jpg">
c. <img src="images/river.jpg" alt="kenhhoctap" width="300">
d. <img src="photos/lake.png" alt="kenhhoctap" width="150" height="abc">

Câu 2: Một nhóm học sinh đang thực hành chèn video và âm thanh vào trang web của mình. Giáo viên giao cho nhóm nhiệm vụ chèn một video với các yêu cầu sau:

• Sử dụng thẻ <video> để chèn video.
• Thêm thuộc tính controls để người dùng có thể tùy chỉnh phát/tạm dừng video.
• Video sẽ tự động phát khi tải trang, nhưng âm thanh phải được tắt.
• Trong trường hợp video không tải được, phải hiển thị một đoạn văn bản thay thế.

Nhóm đã viết đoạn mã HTML như sau:

Dưới đây là nhận của giáo viên về đoạn mã HTML trên:

a. Đoạn mã này đáp ứng được yêu cầu tự động phát video và tắt âm thanh.
b. Thuộc tính controls đảm bảo người dùng có thể điều khiển video.
c. Nếu video không phát được, trình duyệt sẽ hiển thị một ảnh thay thế từ thuộc tính poster.
d. Kích thước video sẽ được hiển thị với chiều rộng 320 pixel và chiều cao 240 pixel.

Câu 3: Một trang web đang cố gắng tích hợp một video từ YouTube vào trang của mình, đồng thời cho phép người dùng tương tác trực tiếp với video bên trong trang mà không cần rời khỏi nó. Trang web sử dụng thẻ <iframe> để chèn video này vào. Giáo viên yêu cầu học sinh xác định các thuộc tính cần thiết để hoàn thành tác vụ này. Dưới đây là đoạn mã mà học sinh đã viết:

Nhận vét về đoạn mã HTML trên:
a. Đoạn mã trên chèn video từ YouTube vào trang web và cho phép người dùng xem video mà không phải rời trang.
b. Nếu cần thay đổi kích thước video trong trang, chỉ cần thay đổi thuộc tính width và height của thẻ <iframe>.
c. Thẻ <iframe> có thể được dùng để nhúng video, nhưng không thể sử dụng để hiển thị nội dung từ các trang web khác.
d. Nếu video không hiển thị đúng, cần sử dụng thuộc tính src với đường dẫn trực tiếp tới video thay vì đường dẫn nhúng.