Giải SBT Tin học 12 Định hướng Khoa học máy tính Chân trời sáng tạo Bài F4. Thêm dữ liệu đa phương tiện vào trang web
4 câu hỏi
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.
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>
Để đị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>
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.
- Để 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>
