Tạo cùng thư mục bốn tệp index.html, lich.html, style.css và bản hat-dau.svg được cung cấp.
index.html:
<!doctype html>
<html lang="vi"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vườn hạt của lớp</title><link rel="stylesheet" href="style.css">
</head><body>
<header><h1>Vườn hạt của lớp</h1>
<nav><a href="index.html">Trang chủ</a> | <a href="lich.html">Lịch chăm</a></nav></header>
<main><section class="khung"><h2>Quan sát có ghi chép</h2>
<img src="hat-dau.svg" width="240" height="180" alt="Cây đậu minh họa có hai lá">
<p>Ghi ngày gieo và đo cùng thời điểm, không ghi số chưa đo.</p>
<ul><li>Chậu sạch</li><li>Giá thể phù hợp</li></ul>
</section></main>
<footer><p>Nhóm Vườn hạt · Hình tự vẽ · Không đăng dữ liệu cá nhân.</p></footer>
</body></html>
lich.html:
<!doctype html>
<html lang="vi"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lịch chăm hạt</title><link rel="stylesheet" href="style.css">
</head><body>
<header><h1>Lịch chăm hạt</h1><nav><a href="index.html">Trang chủ</a> | <a href="lich.html">Lịch chăm</a></nav></header>
<main><section class="khung"><h2>Kế hoạch</h2>
<table><caption>Lịch dự kiến</caption>
<tr><th scope="col">Ngày</th><th scope="col">Việc</th></tr>
<tr><td>Thứ hai</td><td>Gieo hạt</td></tr>
<tr><td>Thứ sáu</td><td>Đo chiều cao</td></tr></table>
<p>Kế hoạch không phải kết quả đã quan sát.</p>
</section></main><footer><p>Chỉ chia sẻ bản được giáo viên duyệt.</p></footer>
</body></html>
style.css:
body {margin:0; font-family:Arial,sans-serif; color:#1e2a4f; background:#fff; line-height:1.5;}
header, main, footer {max-width:720px; margin:auto; padding:16px;}
h1 {font-size:28px;} h2 {font-size:22px;}
a {color:#174f74;} a:hover {text-decoration:underline;}
.khung {box-sizing:border-box; padding:16px; border:2px solid #1e2a4f;}
img {max-width:100%; height:auto;}
table {border-collapse:collapse; width:100%;}
th, td {border:1px solid #1e2a4f; padding:8px; text-align:left;}
Kết quả dự kiến: trang chủ có menu/ảnh/vật tư, trang lịch có cùng menu và bảng hai ngày; khung, phông và bảng thống nhất. Mở hai trang, thử đi và về, thu hẹp cửa sổ và kiểm chữ/ảnh/nhãn; chỉ ghi kết quả quan sát thật. Không có chức năng lưu phản hồi, không tự tuyên bố đã xuất bản.
