Giải SBT Tin học 12 Chân trời sáng tạo bài F4

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