Giải SBT Tin học 12 Chân trời sáng tạo bài F4
Với nội dung bài Giải bài tập Tin học lớp 12 bài F4: Thêm dữ liệu đa phương tiện vào trang web Chân trời sáng tạo hay nhất, chi tiết chương trình sách mới sẽ giúp học sinh dễ dàng làm bài tập Tin học 12 từ đó học tốt môn Tin học 12.
Bài: Thêm dữ liệu đa phương tiện vào trang web
Câu 1. Trong Bảng 1, hãy đánh dấu v vào ô trống để xác định mỗi phát biểu sau đúng hoặc sai.
| Phát biểu | Đúng | Sai |
| Trong thẻ <img> không bắt buộc phải thiết lập giá trị đầy đủ cho cả hai thuộc tính width và height. | ||
| Thẻ <img> không có thẻ đóng | ||
| Trong thuộc tính src có thẻ <video> em không được thiết lập đường dẫn của video nằm ở trang web hoặc máy chủ khác | ||
| Để âm thanh tự động phát lại nhiều lần, em phải chỉ định thuộc tính controls cho thẻ <audio> |
Lời giải chi tiết:
| Phát biểu | Đúng | Sai |
| Trong thẻ <img> không bắt buộc phải thiết lập giá trị đầy đủ cho cả hai thuộc tính width và height. | x | |
| Thẻ <img> không có thẻ đóng | x | |
| Trong thuộc tính src có thẻ <video> em không được thiết lập đường dẫn của video nằm ở trang web hoặc máy chủ khác | x | |
| Để âm thanh tự động phát lại nhiều lần, em phải chỉ định thuộc tính controls cho thẻ <audio> | x |
Câu 2. Em hãy tạo trang web hiển thị hình ảnh quốc kì Việt Nam và có đính kèm tập âm thanh bài hát Quốc ca.
Lời giải chi tiết:
Giả sử em có tệp Quoc_ki.webp là ảnh quốc kì đang tung bay phấp phới. Tệp này nằm chung thư mục với tệp .html hiện hành.
- Chỉ định kích thước hiển thị cho lá quốc kì chiếm 75% chiều rộng của trang web với mã lệnh HTML sau:
<img src="Quoc_ki.webp" width="75%">
- Nhưng tệp Quoc_ca.mp3 với mã lệnh sau:
<audio src="Quoc_ca.mp3" controls> </audio>
Câu 3. Em hãy tạo trang web có dạng bộ sưu tập hình ảnh, trong đó các hình ảnh hiển thị theo hàng và cột, mỗi hàng gồm 4 hình ảnh.
Lời giải chi tiết:
Để định dạng cho các hình ảnh hiển thị theo dạng hàng và cột, thực hiện
như sau:
- Sử dụng thẻ stable, để tạo bảng.
- Để chỉ định 4 hình ảnh hiển thị trên mỗi hàng, em viết 4 thẻ <td> trong mỗi thẻ <tr>. Cụ thể như sau:
<tr align="center">
<td><img src="pictures/pic-01.jpg" height="200px"></td> <td><img src="pictures/pic-82.jpg" height="200px"></td> <td><img src="pictures/pic-83.jpg" height="200px"></td> <td><img src="pictures/pic-84.jpg" height="200px"></td>
</tr>
Câu 4. Em hãy tạo trang web như Hình
1. Trong đó, phần bên trái hiển thị quốc kì của các quốc gia. Khi người dùng nháy chuột vào một quốc kì ở cột bên trái thì trang web giới thiệu về quốc gia tương ứng sẽ hiển thị ở cột bên phải.
Lời giải chi tiết:
- Để chia trang web thành hai phần trái và phải, em sử dụng thẻ <table> để tạo bảng gồm hai cột.
- Ở cột bên trái, em thực hiện như Bài F4.3 để tạo bảng hiển thị hình ảnh các quốc kì.
- Ở cột bên phải, em dùng thẻ <iframe> với mã lệnh HTML sau để tạo khung hiển thị trang web.
<td>
<iframe width="800px" height "800px" name="my_iframe"></iframe>
</td>
<td><a
href="https://en.wikipedia.org/wiki/Argentina"
target=
"my_iframe"><img src="flags/Argentine.PNG" width="80px"></a></td>
>>>> Bài tiếp theo: Giải SBT Tin học 12 Chân trời sáng tạo bài F5
