1. Lớp 12
  2. Tin học
  3. Giải SGK Tin học 12 CTST Bài F3. Tạo bảng và khung trong trang web với HTML có đáp án

Giải SGK Tin học 12 CTST Bài F3. Tạo bảng và khung trong trang web với HTML có đáp án

24 người thi tuần này 4.6 294 lượt thi 7 câu hỏi

🔥 Đề thi HOT:

486 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Cánh diều Giới thiệu trí tuệ nhân tạo có đáp án

7.1 K lượt thi 15 câu hỏi
484 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức có đáp án

5.5 K lượt thi 15 câu hỏi
267 người thi tuần này

Đề kiểm tra 15 phút Tin học 12 Học kì 2 có đáp án (Bài số 2 - Đề 1)

7.4 K lượt thi 10 câu hỏi
258 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 2 có đáp án

2.9 K lượt thi 15 câu hỏi
254 người thi tuần này

Đề thi Học kì 2 Tin học 12 có đáp án (Đề 1)

8.3 K lượt thi 10 câu hỏi
239 người thi tuần này

Đề kiểm tra 15 phút Tin học 12 Học kì 1 có đáp án (Bài số 1 - Đề 1)

9.5 K lượt thi 10 câu hỏi
226 người thi tuần này

Trắc nghiệm tổng hợp Tin học năm 2023 có đáp án (Phần 1)

5 K lượt thi 81 câu hỏi
192 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Cánh diều Giới thiệu về trí tuệ nhân tạo (tiếp theo) có đáp án

2.3 K lượt thi 15 câu hỏi

Nội dung liên quan:

Giải SGK Tin học 12 CTST Bài A1. Giới thiệu trí tuệ nhân tạo có đáp án
lượt thi
1 đề

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 A1. Giới thiệu trí tuệ nhân tạo
lượt thi
1 đề

Giải SGK Tin học 12 CTST Bài A2. Trí tuệ nhân tạo và cuộc sống có đáp án
lượt thi
1 đề

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 A2. Trí tuệ nhân tạo và cuộc sống
lượt thi
1 đề

Giải SGK Tin học 12 CTST Bài B1. Thiết bị và giao thức mạng có đáp án
lượt thi
1 đề

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 B1. Thiết bị và giao thức mạng
lượt thi
1 đề

Giải SGK Tin học 12 CTST Bài B2. Các chức năng mạng của hệ điều hành có đáp án
lượt thi
1 đề

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 B2. Các chức năng mạng của hệ điều hành
lượt thi
1 đề

Giải SGK Tin học 12 CTST Bài B3. Thực hành kết nối và sử dụng mạng trên thiết bị thông minh có đáp án
lượt thi
1 đề

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 B3. Thực hành kết nối và sử dụng mạng trên thiết bị thông minh
lượt thi
1 đề

Danh sách câu hỏi:

Câu 1

Em hãy bổ xung 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:

<!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ài</td>

    </tr>

    </table>

   

</body>

</html>

Kết quả:

Em hãy bổ xung 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. (ảnh 1)

Câu 2

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:

<!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="500"> </iframe>

</body>

</html>   

Kết quả:

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. (ảnh 1)

Câu 3

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.

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ì? (ảnh 1)

Câu 4

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.

Câu 5

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.

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. (ảnh 1)

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">&nbsp;</th> <th width="50">&nbsp;</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.

Câu 6

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.

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. (ảnh 1)

Lời giải

Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.

Nâng cấp VIP

Câu 7

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.

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: (ảnh 1)

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>

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:

<!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>

3. Bổ xung 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:

<!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"></iframe>

</td>

<td>

<iframe width="100%" height="500" name="noidung"></iframe>

</td>

</tr>

</table>

</body>

</html>

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

Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.

Nâng cấp VIP

CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK
Giấy chứng nhận ĐKKD số: 0108307822 do Sở KH & ĐT TP Hà Nội cấp lần đầu ngày 04/06/2018
© 2017 Vietjack37. All Rights Reserved.
zalo Nhắn tin Zalo

Đăng ký

Bạn đã có tài khoản?