Câu hỏi tự luận Khoa học máy tính 12 cánh diều Bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung

CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

 TẠO TRANG WEB

BÀI 5: CHÈN HÌNH ẢNH, ÂM THANH, VIDEO VÀ SỬ DỤNG KHUNG

(14 CÂU)

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

Câu 1: Chèn hình ảnh vào trang web bằng thẻ HTML nào?

Trả lời: 

Thẻ HTML để chèn hình ảnh là <img>.

Câu 2: Thẻ HTML nào được sử dụng để chèn âm thanh?

Trả lời: 

Thẻ HTML để chèn âm thanh là <audio>.

Câu 3: Nêu tên các định dạng video phổ biến có thể chèn vào trang web?

Trả lời: 

...........................................

Câu 4: Thẻ <iframe> được sử dụng để làm gì trong HTML?

Trả lời: 

...........................................

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

Câu 1: Giải thích cách sử dụng thuộc tính alt trong thẻ <img>?

Trả lời: 

Thuộc tính alt trong thẻ <img> được sử dụng để cung cấp mô tả cho hình ảnh. Nó giúp cải thiện khả năng truy cập cho người dùng khi hình ảnh không thể tải được hoặc cho người dùng sử dụng trình đọc màn hình. Ví dụ: <img src="image.jpg" alt="CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH TẠO TRANG WEB">.

Câu 2: Mô tả cách chèn video từ YouTube vào trang web bằng thẻ <iframe>?

Trả lời: 

Để chèn video từ YouTube, bạn có thể sử dụng thẻ <iframe> với thuộc tính src chứa liên kết đến video.

Ví dụ:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

Câu 3: Trình bày cách sử dụng thẻ <audio> để phát âm thanh tự động khi trang web được tải?

Trả lời: 

...........................................

Câu 4: Phân tích sự khác nhau giữa thẻ <embed> và thẻ <object> trong việc chèn nội dung đa phương tiện?

Trả lời: 

...........................................

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

Câu 1: Giải thích cách sử dụng thuộc tính controls trong thẻ <audio> và <video>?

Trả lời: 

Thuộc tính controls trong thẻ <audio> và <video> cho phép hiển thị các điều khiển như nút phát, tạm dừng, âm lượng và thanh tiến trình cho người dùng. Khi thuộc tính này được thêm vào, trình duyệt sẽ tự động tạo ra giao diện người dùng cho phép người xem tương tác với nội dung đa phương tiện. Ví dụ:

<audio controls>

 <source src="audio.mp3" type="audio/mpeg">

 Your browser does not support the audio tag.

</audio>

<video controls>

 <source src="video.mp4" type="video/mp4">

 Your browser does not support the video tag.

</video>

Câu 2: Mô tả quy trình tối ưu hóa hình ảnh trước khi chèn vào trang web?

Trả lời: 

...........................................

Câu 3: Trình bày cách sử dụng thẻ <source> trong thẻ <video> để hỗ trợ nhiều định dạng video?

Trả lời: 

...........................................

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

Câu 1: Phân tích ưu và nhược điểm của việc sử dụng các định dạng video khác nhau trên trang web?

Trả lời: 

*Ưu điểm:

+ Tính tương thích: Sử dụng nhiều định dạng giúp đảm bảo video có thể phát trên nhiều trình duyệt và thiết bị khác nhau.

+ Chất lượng: Một số định dạng cung cấp chất lượng hình ảnh tốt hơn, trong khi một số khác có thể nén tốt hơn.

*Nhược điểm:

+ Kích thước file lớn: Một số định dạng video có thể tạo ra file lớn, làm chậm tốc độ tải trang.

+ Phức tạp trong quản lý: Cần phải quản lý nhiều file video cho các định dạng khác nhau, làm tăng độ phức tạp trong phát triển và bảo trì trang web.

Câu 2: Phân tích vai trò của CSS trong việc định dạng và bố trí các phần tử đa phương tiện trên trang web?

Trả lời: 

...........................................

Câu 3: Giải thích tại sao nên sử dụng thẻ <figure> và <figcaption> khi chèn hình ảnh vào trang web?

Trả lời: 

...........................................

--------------- Còn tiếp ---------------