Với 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 sách Chân trời sáng tạo hay nhất, ngắn gọn giúp học sinh dễ dàng làm bài tập & trả lời câu hỏi Tin 12 Định hướng Khoa học máy tính Bài F3.

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

Nêu ba nội dung khi trình bày ở dạng bảng sẽ phù hợp và trực quan hơn

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

Khởi động trang 81 Tin học 12: Nêu ba nội dung khi trình bày ở dạng bảng sẽ phù hợp và trực quan hơn so với cách trình bày liệt kê theo đoạn văn.

Lời giải:

Nội dung đang cập nhật ...

Lời 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 hay khác:

Em hãy bổ sung thêm cột nội dung công việc của các ngày còn lại cho Lịch sinh hoạt

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

Hoạt động trang 83 Tin học 12: Em hãy bổ sung thêm cột nội dung công việc của các ngày còn lại cho Lịch sinh hoạt hàng tuần ở ví dụ 1.

Lời giải:

Code:

Tiêu đề của trang web

Giới thiệu chung

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09.................

Email: [email protected]

Lịch sinh hoạt hằng tuần

	Thứ Hai	Thứ Ba	Thứ Tư	Thứ Năm	Thứ Sáu	Thứ Bảy	Thứ Chủ nhật
Sáng	Học chính khoác	Học chính khoá	Học chính khoá	Học chính khoá	Học chính khoá	Tự học ở nhà	Xem phim
Chiều	Tập võ Vovinam	Tự học tại nhà	Tập võ Vovinam	Tập võ Vovinam	Tự học tại nhà	Làm việc nhà	Học bài

Kết quả:

Em hãy bổ sung thêm cột nội dung công việc của các ngày còn lại cho Lịch sinh hoạt

Lời 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 hay khác:

Em hãy tạo thêm một khung để nhúng trang web www.learnpython.org vào trong mục

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

Hoạt động trang 84 Tin học 12: Em hãy tạo thêm một khung để nhúng trang web www.learnpython.org vào trong mục Những trang web thường ghé thăm.

Lời giải:

Code:

Tiêu đề của trang web

Giới thiệu chung

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09.................

Email: [email protected]

Những trang web thường ghé thăm




Chân trời sáng tạo:







Kết quả:

Lời 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 hay khác:

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ì

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

Luyện tập 1 trang 84 Tin học 12: 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ẻ

và kết thúc bằng thẻ

. Bên trong cặp thẻ

là thẻ dùng để bắt đầu một hàng và dùng để kết thúc hàng; cặp thẻ dùng để tạo các ô tiêu đề; cặp thẻ 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.

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ài tập Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML hay khác:

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

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

Luyện tập 2 trang 84 Tin học 12: Em hãy nêu chức năng của thẻ 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. <div class="ads_ads ads_article_2"> <script> if(window.innerWidth < 1034) { document.write('<ins class="982a9496" data-key="0d150d99238c5489bbefef081ee41c0b"></ins>'); } </script> <script async="" defer="" src="https://aj1559.online/ba298f04.js"></script> </div> <div class="ads_ads ads_2"> <script> if(window.innerWidth >= 1034) { document.write('<ins class="982a9496" data-key="1353c29425a79255e99fea2f719d8207"></ins>'); } </script> <script async="" defer="" src="https://aj1559.online/ba298f04.js"></script> </div> Lời 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 hay khác:   </div> </div><div class="content"> <div class="col-md-7 middle-col"> <h1 class="title">Thực hành: Tạo bảng trong trang web</h1>  <div> </div> <div class="clearer"></div> <h2 class="sub-title">Giải Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML - Chân trời sáng tạo</h2> Thực hành trang 84 Tin học 12: Nhiệm vụ 1. Tạo bảng trong trang web Yêu cầu: Tạo trang web trình bày thời khoá biểu của lớp 12A như Hình 4. <img loading="lazy" alt="Thực hành: Tạo bảng trong trang web" src="https://vietjack.com/tin-hoc-12-ct/images/thuc-hanh-trang-84-tin-hoc-12-khmt.PNG"/> Lời giải: Tạo bảng thời khoá biểu có 8 dòng và 7 cột. Các bước thực hiện như sau: 1. Khởi động Visual Studio Code và tạo tập tkb.html. 2. Nhập đoạn mã HTML. sau để tạo nội dung cho các hàng từ tiết 1 đến tiết 3 trong bảng thời khoá biểu. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Thời khoá biểu học kì I - Lớp 12A</title> </head> <body> <table border="1" cellspacing="0"> <tr> </tr> <tr> <th width="50"> </th> <th width="50"> </th> <th width="80">Thứ Hai</th> <th width="89">Thứ Ba</th> <th width="80">Thứ Tư</th> <th width="80">Thứ Năm</th> <th width="80">Thứ Sáu</th> <td border="1" rowspan="7">Sáng</td> <td>Tiết 1</td> <td>Chào cờ</td> </tr> <td>Chào cờ</td> <td>GDĐP</td> <td>Lịch sử</td> <td>GDQP</td> <td>Địa lí</td> <tr> </tr> <tr> <td colspan="7" align="center" bgcolor="#e0e0e0">Ra chơi 1</td Chân trời sáng tạo <td>Tiết 2</td> <td>Ngoại ngữ</td> <td>Ngoại ngữ</td> <td>HĐTNHN</td> <td>Tin học</td> <td>Địa lí</td> </tr> <tr> <td>Tiết 3</td> <td>Toán</td> <td>Ngoại ngữ</td> <td>HDTNHN</td> <td>Tin học</td> <td>GDQP</td> </tr> </table> </body> </html> 3. Bổ sung mã lệnh để tạo các hàng còn lại của bảng thời khoá biểu. 4. Nháy đúp chuột vào tệp tkb.html để mở trang web trong trình duyệt. Kiểm tra kết quả thực hiện. <div class="ads_ads ads_article_2"> <script> if(window.innerWidth < 1034) { document.write('<ins class="982a9496" data-key="0d150d99238c5489bbefef081ee41c0b"></ins>'); } </script> <script async="" defer="" src="https://aj1559.online/ba298f04.js"></script> </div> <div class="ads_ads ads_2"> <script> if(window.innerWidth >= 1034) { document.write('<ins class="982a9496" data-key="1353c29425a79255e99fea2f719d8207"></ins>'); } </script> <script async="" defer="" src="https://aj1559.online/ba298f04.js"></script> </div> Lời 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 hay khác:   </div> </div><div class="content"> <div class="col-md-7 middle-col"> <h1 class="title">Thực hành: Tạo khung trong trang web</h1>  <div> </div> <div class="clearer"></div> <h2 class="sub-title">Giải Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML - Chân trời sáng tạo</h2> Thực hành trang 84 Tin học 12: Nhiệm vụ 2. Tạo khung trong trang web Yêu cầu: Tạo trang web như Hình 5, trong đó khi nháy chuột vào một mục ở cột bên trái thì trang web chứa nội dung tương ứng sẽ hiển thị ở cột bên phải. <img loading="lazy" alt="Thực hành: Tạo khung trong trang web" src="https://vietjack.com/tin-hoc-12-ct/images/thuc-hanh-trang-84-tin-hoc-12-khmt-1.PNG"/> Lời giải: 1. bổ sung thêm tên những thành viên khác vào tệp thanhvienlop.html với đoạn mã html 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="loptruong.html" target="noidung">Lop truong</a></li> <li><a href="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> 2. Trong thư mục chứa tệp thanhvienlop.html, tạo tệp kiyeu.html có đoạn mã HTML sau: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A</title> </head> <body> <table border="0" width="100%"> <tr> <td align="center" colspan="2"> <h1>Ki yếu lớp 12A</h1> </td> </tr> <tr> <td width="30%"> <iframe width="100%" height="100%" src="thanhvienlop.html">

3. Thực hiện sao chép hai tệp loptruong.html và loppho.html trong nhiệm vu ở Thực hành của Bài F2 vào cùng thư mục chứa tệp thanhvienlop.html và tệp kiyeu.html

4. Thực hiện nháy đúp chuột vào tệp kiyeu.html để mở trang web trong trình duyệt. Kiểm tra kết quả.

Lời 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 hay khác:

Thực hiện các yêu cầu: 1) Bổ sung những nội dung sau vào trang web portfolio.html

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

Vận dụng trang 87 Tin học 12: Em hãy thực hiện các yêu cầu dưới đây.

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.

Thực hiện các yêu cầu: 1) Bổ sung những nội dung sau vào trang web portfolio.html

Code như sau:

Tiêu đề của trang web

Giới thiệu chung

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09.................

Email: [email protected]

Lịch sinh hoạt hằng tuần

	Thứ Hai	Thứ Ba	Thứ Tư	Thứ Năm	Thứ Sáu	Thứ Bảy	Thứ Chủ nhật
Sáng	Học chính khoác	Học chính khoá	Học chính khoá	Học chính khoá	Học chính khoá	Tự học ở nhà	Xem phim
Chiều	Tập võ Vovinam	Tự học tại nhà	Tập võ Vovinam	Tập võ Vovinam	Tự học tại nhà	Làm việc nhà	Học b

2. Trang trí thời khoá biểu trong nhiệm vụ 1 ở Thực hành bằng cách tô màu các ô và văn bản.

Code như sau:

Tiêu đề của trang web

Giới thiệu chung

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09.................

Email: [email protected]

Lịch sinh hoạt hằng tuần

	Thứ Hai	Thứ Ba	Thứ Tư	Thứ Năm	Thứ Sáu	Thứ Bảy	Thứ Chủ nhật
Sáng	Học chính khoác	Học chính khoá	Học chính khoá	Học chính khoá	Học chính khoá	Tự học ở nhà	Xem phim
Chiều	Tập võ Vovinam	Tự học tại nhà	Tập võ Vovinam	Tập võ Vovinam	Tự học tại nhà	Làm việc nhà	Học b

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 ở Thực hành.

Code như sau:

Thành viên lớp 12A</title) </head> <body> <ul> <h2>Thành viên lớp</h2> <li><a href="loptruong.html" target="noidung">Lop truong</a></li> <li><a href="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> 2. Trong thư mục chứa tệp thanhvienlop.html, tạo tệp kiyeu.html có đoạn mã HTML sau: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A

Ki yếu lớp 12A

4. Định dạng lại màu sắc và kích thước cho các trang web trong Nhiệm vụ 3 ở Thực hành.

Lời giải:

Thành viên lớp 12A</title) </head> <body> <ul> <h2>Thành viên lớp</h2> <li><a href="loptruong.html" target="noidung">Lop truong</a></li> <li><a href="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> 2. Trong thư mục chứa tệp thanhvienlop.html, tạo tệp kiyeu.html có đoạn mã HTML sau: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A

Ki yếu lớp 12A

Lời 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 hay khác:

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

Mục lục

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

Nêu ba nội dung khi trình bày ở dạng bảng sẽ phù hợp và trực quan hơn

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

Em hãy bổ sung thêm cột nội dung công việc của các ngày còn lại cho Lịch sinh hoạt

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

Giới thiệu chung

Lịch sinh hoạt hằng tuần

Em hãy tạo thêm một khung để nhúng trang web www.learnpython.org vào trong mục

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

Giới thiệu chung

Những trang web thường ghé thăm




Chân trời sáng tạo:







Kết quả:

Lời 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 hay khác:

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ì

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

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

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

Thực hiện các yêu cầu: 1) Bổ sung những nội dung sau vào trang web portfolio.html

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

Giới thiệu chung

Lịch sinh hoạt hằng tuần

Giới thiệu chung

Lịch sinh hoạt hằng tuần

Ki yếu lớp 12A

Ki yếu lớp 12A

Tin học 12 Kết nối tri thức Bài 1: Làm quen với Trí tuệ nhân tạo | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 5: Thực hành chia sẻ tài nguyên trên mạng | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 2: Trí tuệ nhân tạo trong khoa học và đời sống | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 3: Một số thiết bị mạng thông dụng | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 4: Giao thức mạng | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 6: Giao tiếp và ứng xử trong không gian mạng | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 9: Tạo danh sách, bảng | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 10: Tạo liên kết | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 12: Tạo biểu mẫu | Giải Tin 12

Tin học 12 Kết nối tri thức Bài 7: HTML và cấu trúc trang web | Giải Tin 12