Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Bài F3. Tạo bảng và khung trong trang web với HTML trang 81, 82, 83 SGK Tin học 12 Chân trời sáng tạoNê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.Tổng hợp đề thi học kì 👍2 lớp 12 tất cả các môn - Chân trời sáng tạo Toán - Văn - Anh - Hoá - Sinh - Sử - ĐịaQuảng cáo
Lựa chọn câu để xem lời giải nhanh hơn
CH tr 81 Trả lời câu hỏi Khởi động trang 81 SGK Tin học 12 Chân trời sáng tạo 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. Phương pháp giải: Áp d🎶ụng các loại nội dung em đã nhận được dưới dạng bảng. Lời giải chi tiết: Các nội dung sẽ phù hợp và trực quan hơn khi trình bày ở dạng bảng là: thời khóa biểu, danh sách lớp, hóa đơn mua hàng,..🧜. CH tr 82 Trả lời câu hỏi Khám phá trang 82 SGK Tin học 12 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 hàng tuần ở ví dụ 1. Phương pháp giải: Áp dụng các thẻ tạo bảng và 𓆏thêm nội dung cho bảng: ♌<table>, <tr>, <th>, <td>,... Lời giải chi tiết: Code: <!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&g🐈t; <p>☂;Điện thoại: 09.................</p> <p>Email: nguyenvana@gmail.com</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 khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</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ài</td> </tr> </table>
</body> </html> Kết quả:  CH tr 84 KP Trả lời câu hỏi Khám phá trang 84 SGK Tin học 12 Chân trời sáng tạo Em hãy tạo thêm một khung để nhúng trang web vào trong mục Nhữn𒉰g trang web thường ghé thăm. Phương pháp giải: Sử dụng thẻ <♐iframe> để nhúng trang we🎀b khác vào trang web hiện tại. Lời giải chi tiết: Code: <!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: nguyenvana@gmail.com</p> <h1>Những trang web thường ghé thăm</hl <ul> <li>Chân trời sáng tạo:</li> </ul> <iframe src="www.learnpython.org" width="80%" height="50🌱0"> </i൩frame> </body> </html> Kết quả:  CH tr 84 LT1 Trả lời câu hỏi Luyện tập 1 trang 84 SGK Tin học 12 Chân trời sáng tạo Chức năng của các🐽 thẻ và thuộc tính dùng để tạo bảng trong tr🦋ang web là gì? Phương pháp giải: C♏ác thẻ thường dùng trong tạo bảng là: <table>, <tr>, <th>, <td>,... Lời giải chi tiết: 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.  CH tr 84 LT2 Trả lời câu hỏi Luyện tập 2 trang 84 SGK Tin học 12 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ún𝓡g trang web khác vào trang web hiện lại. Phương pháp giải: Thẻ <iframe> ꩵthường được sử dụng để nhúng trang web khác vào trang web hiện tại. Lời giải chi tiết: 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. CH tr 84 TH1 Trả lời câu hỏi Thực hành 1 trang 84 SGK Tin học 12 Chân trời sáng tạo Yêu cầuꦏ: Tạo trang web trình bày thời khóa biểu của lớp 12A nhưꩵ Hình 4.  Phương pháp giải: B1: Khởi động Visual Studi🌊o Code và tạo tập tkb.html. B2. 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 khóa biểu. 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. Lời giải chi tiết: Tạo bảng thời khoá bꦚiểu có 8 dòng và 7 cột. Các bước thực hiện như 🍸sau: 1. Khởi động Visua♋l Studio Code và tạo tập t♌kb.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 widtಌh="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&g♎t; <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ổ sunღg 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 t🍨rình duyệt. Kiểm tra kết quả thực hiện. CH tr 84 TH2 Trả lời câu hỏi Thực hành 2 trang 84 SGK Tin học 12 Chân trời sáng tạo 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.  Phương pháp giải: B1: Bổ s💙ung thêm tên những thành viên khác vào tệp thanhvienlop.html. B2: Tron🥀g thư mục chứa tệp thanhvienlop.html, t🐼ạo tệp kiyeu.html. B3: Thực hiện sao c൩hép hai tệp loptruong.html và loppho.html trong nhiệm vụ ở 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 B4: Thực hiện nháy đúp chuột vào tệp kiyeu.html để mở trang web trong trình d𒊎uyệt. Kiểm tra k💖ết quả. Lời giải chi tiết: 1. Bổ xung 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&𝄹gt;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🌸"></iframe> </td> <td> <iframe width="100%" height="500" name="🍬noidung"></iframe> </td> </tr> </table> </body> </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. T𝓰hự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ả. CH tr 87 Trả lời câu hỏi Vận dụng trang 87 SGK Tin học 12 Chân trời sáng tạo 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 N🐎hữ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. Phương pháp giải: Sử dụng các thẻ 𓂃phù hợp để thêm bả﷽ng, tạo danh sách. Lời giải chi tiết: 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: nguyenvana@gmail.com</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 khoác</td> <td>Học chính khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</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> CH tr 88 VD1 Trả lời câu hỏi Vận dụng 1 trang 88 SGK Tin học 12 Chân trời sáng tạo 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. Phương pháp giải: Sử dụng các thẻ thêm màu cho văn bản đã được học. Lời giải chi tiết: 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: nguyenvana@gmail.com</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 khoác</td> <td>Học chính khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</td> <td>Học chính khoá</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> CH tr 88 VD2 Trả lời câu hỏi Vận dụng 2 trang 88 SGK Tin học 12 Chân trời sáng tạo Bổ sung trang thông tin cho các thành viên còn lại của lớp trong Nhওiệm vụ 2 ở Thực♐ hành. Phương pháp giải: Thêm thông tin các thành viên vào một tꦉrang web khác. Tạo liên kết dẫn tới thông tin các thành viên. Lời giải chi tiết: 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="loptruong.html" target="noidung">Lop truong</a></li> <;li><a href="lopph♕o.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> CH tr 88 VD3 Trả lời câu hỏi Vận dụng 3 trang 88 SGK Tin học 12 Chân trời sáng tạo Đị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 Phương pháp giải: Trong thư mục chứa tệp thanhvienlop🌃.html, tạo tệp kiyeu.html có sử dụng các thuộc tính định dạng màu sắc, kích thước. Lời giải chi tiết: 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"></iframe> </td> <td> <iframe width="100%" heig🔯ht="500" name="noidung"></iframe🔯> </td> </tr> </table> </body> </html>  Chia sẻ Bình luận
Quảng cáo
Group 2K8 ôn Thi ĐGNL & ĐGTD Miễn Phí |
Bài khác
