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

1. NHẬN BIẾT (4 CÂU)

Câu 1: Thẻ <img> trong HTML có chức năng gì?

Trả lời:

Thẻ <img> dùng để chèn hình ảnh vào trang web. Đây là một thẻ đơn, không cần cặp thẻ đóng.

Câu 2: Kể tên hai thuộc tính quan trọng của thẻ <img> và giải thích chức năng của chúng.

Trả lời:

src: Chỉ đường dẫn đến tệp tin ảnh cần hiển thị.

alt: Cung cấp văn bản thay thế khi ảnh không thể hiển thị được.

Câu 3: Thẻ <audio> và <video> được dùng để làm gì?

Trả lời:

Thẻ <audio> được dùng để chèn âm thanh vào trang web.

Thẻ <video> được dùng để chèn video vào trang web.

Câu 4: Thẻ <iframe> có chức năng gì?

Trả lời:

Thẻ <iframe> dùng để tạo khung nội tuyến, hiển thị tài nguyên web khác trong trang web hiện tại.

2. THÔNG HIỂU (4 CÂU)

Câu 1: Giải thích ý nghĩa của đoạn mã sau:

<img src="images/thethao.PNG" alt="">

Trả lời:

Thuộc tính src: Đường dẫn tương đối đến file ảnh thethao.PNG nằm trong thư mục images.

Thuộc tính alt: Hiển thị văn bản "Hoạt động của các CLB thể thao" nếu ảnh không hiển thị được.

Câu 2: Nêu công dụng của thuộc tính autoplay trong thẻ <audio> và <video>.

Trả lời:

Thuộc tính autoplay cho phép trình duyệt tự động phát nội dung âm thanh hoặc video ngay khi trang web được tải.

Câu 3: Khi nào nên sử dụng thuộc tính controls trong thẻ <audio> và <video>?

Trả lời:

Thuộc tính controls nên được sử dụng khi muốn hiển thị các nút điều khiển như phát/tạm dừng, chỉnh âm lượng,... để người dùng có thể tương tác với nội dung đa phương tiện.

Câu 4: Đoạn mã sau thực hiện chức năng gì?

<iframe src="the_thao.html" width="600" height="400"></iframe>

Trả lời:

Đoạn mã tạo một khung nội tuyến (iframe) có kích thước 600x400 pixel, hiển thị nội dung của file the_thao.html.

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết đoạn mã HTML để chèn một bức ảnh nghethuat.jpg trong thư mục images và cung cấp văn bản thay thế "Câu lạc bộ Nghệ thuật".

Trả lời:

<img src="images/nghethuat.jpg" alt="">

Câu 2: Viết đoạn mã HTML để chèn một tệp âm thanh quocca.mp3 vào trang web và cho phép người dùng điều khiển.

Trả lời:

<audio src="quocca.mp3" controls></audio>

Câu 3: Viết đoạn mã tạo một khung nội tuyến hiển thị trang CLB.html và đặt kích thước khung là 800x600 pixel.

Trả lời:

<iframe src="CLB.html" width="800" height="600"></iframe>

4. VẬN DỤNG CAO (2 CÂU)

Câu 1: Viết đoạn mã HTML tạo hai liên kết, khi nhấn vào sẽ hiển thị nội dung the_thao.html hoặc nghe_thuat.html trong khung nội tuyến có id="iframe".

Trả lời:

<a href="the_thao.html" target="iframe">Câu lạc bộ Thể thao</a>

<a href="nghe_thuat.html" target="iframe">Câu lạc bộ Nghệ thuật</a>

<iframe id="iframe" width="60%" height="700"></iframe>

Câu 2: Giải thích ý nghĩa của thuộc tính poster trong thẻ <video>. Viết đoạn mã sử dụng thuộc tính này.

Trả lời:

Thuộc tính poster cung cấp đường dẫn đến một hình ảnh hiển thị trước khi video được phát.

<video src="hoatdong.mp4" width="500" controls poster="images/poster.png"></video>