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
23 người thi tuần này 4.6 323 lượt thi 4 câu hỏi
Bạn cần đăng ký gói VIP ( giá chỉ từ 250K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
🔥 Học sinh cũng đã học
Đề thi cuối kì 2 Tin học 12 năm 2024-2025 Sở Nam Định có đáp án
Đề thi cuối kì 2 Tin học 12 năm 2024-2025 THPT Gio Linh (Quảng Trị) có đáp án
Đề thi cuối kì 2 Tin học 12 năm 2025-2026 THPT Xuyên Mộc (TP.HCM) có đáp án
Đề thi giữa kì 2 Tin học 12 năm 2024-2025 THPT Gio Linh (Quảng Trị) có đáp án
Đề thi giữa kì 2 Tin học 12 năm 2025-2026 THPT Xuyên Mộc (TP.HCM) có đáp án
Đề thi giữa kì 2 Tin học 12 năm 2024-2025 THPT Hồ Nghinh (Quảng Nam) có đáp án
Đề thi giữa kì 2 Tin học 12 năm 2025-2026 THPT Hùng Vương (Đà Nẵng) có đáp án
Đề thi giữa kì 2 Tin học 12 năm 2024-2025 THPT Bố Hạ (Bắc Giang) có đáp án
Danh sách câu hỏi:
Lời giải
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>
Lời giải
Để đị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>
Lời giả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>


