Giáo án điện tử Tin học ứng dụng 12 kết nối Bài 8: Định dạng văn bản

BÀI 8

KHỞI ĐỘNG

Cho hai đoạn văn bản như Hình 8.1. Cách trình bày đoạn văn bản nào có định dạng đẹp hơn? Tại sao?

1. THUỘC TÍNH THẺ

Hoạt động 1: Nhận biết thuộc tính thẻ

Hãy quan sát các thẻ trong tệp newpage.html ở Hoạt động 2, Bài 7. Trong các thẻ đó có một thẻ có thêm thuộc tính. Theo em đó là thẻ nào? Em hãy đưa ra dự đoán về tác dụng của các thuộc tính thẻ.

Xác định các tên thuộc tính và thẻ chứa thuộc tính tương ứng xuất hiện trong Bài 7.

2. CÁC THẺ TRÌNH BÀY VĂN BẢN.

Hoạt động 2: Xác định thành phần cấu thành một văn bản.

Thảo luận: Khi trình bày một văn bản (bài thơ, đoạn văn, trang web,....) có thể có những thành phần nào? Hãy kể tên các thành phần đó.

Trình duyệt hiển thị đoạn mã html sau thành mấy dòng? Em có nhận xét gì về khoảng cách giữa các dòng?

Chỉnh sửa đoạn mã html trong Ví dụ 1 để hiển thị thêm một đường kẻ ngang phân tách giữa dòng tiêu đề “Tin học 12” và nội dung phía dưới.

3. CÁC THẺ ĐỊNH DẠNG PHÔNG CHỮ

Hoạt động 3: Xác định các dạng đặc biệt của chữ khi trình bày một văn bản

Thảo luận: Khi muốn nhấn mạnh vào một nội dung trong văn bản, em thường thấy nội dung đó được viết như thế nào?

Với cùng một đoạn văn bản, kết quả khi định dạng trong các trường hợp sau giống và khác nhau như thế nào?

LUYỆN TẬP

Hãy sửa lại phần tử sau để làm nổi bật ý chính của câu:

Trình bày đoạn văn bản sau bằng mã HTML:

VẬN DỤNG

Hãy chỉ ra các bước cần thực hiện để sử dụng một màu cụ thể trong bức ảnh làm màu cho tiêu đề một bài thơ.

Hãy đưa ra cách định dạng một đoạn văn bản để được kết quả như sau: