Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML Giải Tin học lớp 12 Chân trời sáng tạo

Giải bài tập Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML giúp các em học sinh lớp 12 tham khảo, nhanh chóng trả lời các câu hỏi Luyện tập, Vận dụng trong SGK Tin học 12 Chân trời sáng tạo.

Với lời giải chi tiết, trình bày khoa học, giúp các em tìm hiểu bài thuận tiện hơn rất nhiều. Đồng thời, cũng giúp thầy cô tham khảo để soạn giáo án Bài F3 Chủ đề F: Giải quyết vấn đề với sự trợ giúp của máy tính trong SGK Tin học 12 Định hướng Khoa học máy tính và Tin học 12 Định hướng tin học ứng dụng cho học sinh của mình. Vậy mời thầy cô và các em cùng theo dõi nội dung chi tiết trong bài viết dưới đây của Eballsviet.com:

Giải Luyện tập Tin học 12 Chân trời sáng tạo Chủ đề F - Bài F3

Luyện tập 1

Chức năng của các thẻ và thuộc tính dùng để tạo bảng trong trang web là gì?

Lời giải:

Bảng được bắt đầu từ thẻ <table> và kết thúc bằng thẻ </table>. Bên trong cặp thẻ <table> </table> là thẻ <tr> dùng để bắt đầu một hàng và </tr> dùng để kết thúc hàng; cặp thẻ <th> </<th> dùng để tạo các ô tiêu đề; cặp thẻ <td></td> dùng để tạo các ô còn lại. Ngoài ra thuộc tính border được dùng để định dạng đường viền của bảng.

Tạo bảng và khung trong trang web với HTML

Luyện tập 2

Em hãy nêu chức năng của thẻ <iframe> và một số thuộc tính dùng để nhúng trang web khác vào trang web hiện lại.

Lời giải:

Thẻ <iframe> được dùng để nhúng một trang web khác vào trong trang web hiện tại.

Thuộc tính src chỉ định đường dẫn của trang web hoặc đối tượng được nhúng vào, thuộc tính width và height dùng để chỉ định kích thước của khung.

Giải Vận dụng Tin học 12 Chân trời sáng tạo Chủ đề F - Bài F3

Vận dụng 1

Bổ sung những nội dung sau vào trang web portfolio.html:

a) Mục Lịch sinh hoạt hằng tuần với các thẻ tạo bảng đã học.

b) Mục Những trang web thường ghé thăm với các thẻ tạo khung và danh sách đã học. Hình 6 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

Tạo bảng và khung trong trang web với HTML

Lời giải:

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Tiêu đề của trang web</title>

</head>

<body>

<!-- Nội dung ghi chú -->

<h1>Giới thiệu chung</h1>

<p>Nơi sinh: Thành phố Hồ Chí Minh</p>

<p>Điện thoại: 09.................</p>

<p>Email: [email protected]</p>

<h1>Lịch sinh hoạt hằng tuần</h1>

<table border="1">

<tr>

<th></th>

<th>Thứ Hai</th>

<th>Thứ Ba</th>

<th>Thứ Tư</th>

<th>Thứ Năm</th>

<th>Thứ Sáu</th>

<th>Thứ Bảy</th>

<th>Thứ Chủ nhật</th>

</tr>

<tr>

</tr>

<td>Sáng</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Tự học ở nhà</td>

<td>Xem phim</td>

<tr>

<td>Chiều</td>

<td>Tập võ Vovinam</td>

<td>Tự học tại nhà </td>

<td>Tập võ Vovinam</td>

<td>Tập võ Vovinam</td>

<td>Tự học tại nhà </td>

<td>Làm việc nhà</td>

<td>Học b</td>

</tr>

</table>

</body>

</html>

Vận dụng 2

Trang trí thời khoá biểu trong nhiệm vụ 1 ở Tạo bảng và khung trong trang web với HTML bằng cách tô màu các ô và văn bản.

Lời giải:

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Tiêu đề của trang web</title>

</head>

<body>

<!-- Nội dung ghi chú -->

<h1>Giới thiệu chung</h1>

<p>Nơi sinh: Thành phố Hồ Chí Minh</p>

<p>Điện thoại: 09.................</p>

<p>Email: [email protected]</p>

<h1>Lịch sinh hoạt hằng tuần</h1>

<table border="1">

<tr>

<th></th>

<th>Thứ Hai</th>

<th>Thứ Ba</th>

<th>Thứ Tư</th>

<th>Thứ Năm</th>

<th>Thứ Sáu</th>

<th>Thứ Bảy</th>

<th>Thứ Chủ nhật</th>

</tr>

<tr>

</tr>

<td>Sáng</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Học chính khóa</td>

<td>Tự học ở nhà</td>

<td>Xem phim</td>

<tr>

<td>Chiều</td>

<td>Tập võ Vovinam</td>

<td>Tự học tại nhà </td>

<td>Tập võ Vovinam</td>

<td>Tập võ Vovinam</td>

<td>Tự học tại nhà </td>

<td>Làm việc nhà</td>

<td>Học b</td>

</tr>

</table>

</body>

</html>

Vận dụng 3

Bổ sung trang thông tin cho các thành viên còn lại của lớp trong Nhiệm vụ 2 ở Tạo bảng và khung trong trang web với HTML.

Lời giải:

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title)Thành viên lớp 12A</title)

</head>

<body>

<ul>

<h2>Thành viên lớp</h2>

<li><a href="https://download.vn/loptruong.html" target="noidung">Lop truong</a></li> <li><a href="https://download.vn/loppho.html" target="noidung">Lớp phó</a></li>

<li>Danh sách tổ 1

<ul>

<li>Trần Văn Trung</li> <li>Nguyễn Thị Tú</li> <li>Hoàng Thanh Sang</li>

</ul>

</ul>

</li>

</body>

</html>

Vận dụng 4

Định dạng lại màu sắc và kích thước cho các trang web trong Nhiệm vụ 2 ở Tạo bảng và khung trong trang web với HTML

Lời giải:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title)Thành viên lớp 12A</title)

</head>

<body>

<ul>

<h2>Thành viên lớp</h2>

<li><a href="https://download.vn/loptruong.html" target="noidung">Lop truong</a></li> <li><a href="https://download.vn/loppho.html" target="noidung">Lớp phó</a></li>

<li>Danh sách tổ 1

<ul>

<li>Trần Văn Trung</li> <li>Nguyễn Thị Tú</li> <li>Hoàng Thanh Sang</li>

</ul>

</ul>

</li>

</body>

</html>

Chia sẻ bởi: 👨 Lê Thị tuyết Mai
Liên kết tải về

Link Download chính thức:

Các phiên bản khác và liên quan:

Sắp xếp theo
👨
    Chỉ thành viên Download Pro tải được nội dung này! Download Pro - Tải nhanh, website không quảng cáo! Tìm hiểu thêm