Nhiệm vụ 2 Tạo khung trong trang web trang 84 Tin học 12

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.

Nhiệm vụ 2 Tạo khung trong trang web trang 84 Tin học 12

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:

Thành viên lớp 12A</title)</span></p> <p><span></head></span></p> <p><span><body></span></p> <p><span><ul></span></p> <p><span><h2>Thành viên lớp</h2></span></p> <p><span><li><a href="loptruong.html" target="noidung">Lop truong</a></li> <li><a href="loppho.html" target="noidung">Lớp phó</a></li></span></p> <p><span><li>Danh sách tổ 1</span></p> <p><span><ul></span></p> <p><span><li>Trần Văn Trung</li> <li>Nguyễn Thị Tú</li> <li>Hoàng Thanh Sang</li></span></p> <p><span></ul></span></p> <p><span></ul></span></p> <p><span></li></span></p> <p><span></body></span></p> <p><span></html></span></p> <p><span>2. Trong thư mục chứa tệp thanhvienlop.html, tạo tệp kiyeu.html có đoạn mã HTML sau:</span></p> <p><span style="color: black;"><!DOCTYPE html></span></p> <p><span style="color: black;"><html></span></p> <p><span style="color: black;"><head></span></p> <p><span style="color: black;"><meta charset="utf-8"></span></p> <p><span style="color: black;"><title>Kỉ yếu lớp 12A

Ki yếu lớp 12A

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: