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
29 người thi tuần này 4.6 122 lượt thi 4 câu hỏi
🔥 Đề thi HOT:
15 câu Trắc nghiệm Tin học 12 Cánh diều Giới thiệu trí tuệ nhân tạo có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức có đáp án
15 câu Trắc nghiệm Tin học 12 Cánh diều Mô hình và các giao thức mạng có đáp án
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài A1 có đáp án
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B1 có đáp án
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B4 có đáp án
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B2 có đáp án
Trắc nghiệm Tin học 12 Bài 12 (có đáp án): Các loại kiến trúc của hệ cơ sở dữ liệu
Nội dung liên quan:
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>