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

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>

- Để 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>