Giáo án điện tử Khoa học máy tính 12 chân trời Bài F2: Tạo và định dạng trang web với các thẻ HTML

BÀI F2 TẠO VÀ ĐỊNH DẠNG TRANG WEB VỚI CÁC THẺ HTML

KHÁM PHÁ

1. Các thẻ định dạng cơ bản
2. Theo em, HTML có những thẻ nào dùng để định dạng đề mục?
3. Cho mã lệnh:

                                   Em hãy cho biết nội dung được kết xuất trên trang web.

1. Trong Hình 1, mỗi dòng trên trang web được định nghĩa bằng thẻ nào trong số các thẻ sau: <h1>, <h2>, <p>, <hr>?

1. Thẻ tạo siêu liên kết
2. Thẻ <a> có thể tạo được liên kết đến những loại tài nguyên nào?
3. Nếu thẻ <a> không được khai báo thuộc tính href thì người dùng có thể nháy chuột vào nội dung bên trong thẻ <a> này không? Tại sao?

3. Thẻ tạo danh sách

1. Trong HTML có mấy loại danh sách?

2. Để tạo danh sách có thứ tự em dùng thẻ nào?

3. Để tạo danh sách không có thứ tự em dùng thẻ nào?

LUYỆN TẬP

1.Tác dụng của thẻ <h1>, <h2>, ….<h6> là gì?

2.  Em hãy trình bày các bước tạo siêu liên kết chuyển đến trang web trong cửa sổ khác
3. Trong đoạn mã HTML ở Ví dụ 7, nếu thay cặp thẻ <ul></ul> thành <ol></ol> và hai cặp thẻ <ol>/ol> thành <ul></ul> thì trang web hiển thị trong trình duyệt sẽ như thể nào?

THỰC HÀNH

1. Yêu cầu: Em hãy tạo trang web thanhvienlop.html có nội dung như ở Hình 9 và hai trang web giới thiệu về lớp trưởng và lớp phó, đặt tên lần lượt là loptruong.html và loppho.html. Sau đó tạo liên kết từ trang web thanhvienlop.html đến hai trang web loptruong.html và loppho. html như ở Hình 10.