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

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 hành trang 117 Tin học 12: Nhiệm vụ 1. Tạo bảng trong trang web

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

Quảng cáo

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.

Quảng cáo

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:

Quảng cáo
Quảng cáo

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official


Giải bài tập lớp 12 Chân trời sáng tạo khác
Tài liệu giáo viên