BÀI 8 - ĐỊNH DẠNG VĂN BẢN

Bài 8 - Định dạng văn bản (kntt)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động 1	Câu hỏi(t.47)	Hoạt động 2
Câu hỏi(t.48)	Hoạt động 3	Câu hỏi(t.50)	Luyện tập	Vận dụng

Khởi động (trang 46): 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?

Gợi ý trả lời:

Cách trình bày đoạn văn bản b) có định dạng đẹp hơn, vì văn bản được định dạng theo thuộc tính về màu sắc, chỡ chữ, kiểu chữ.

1. THUỘC TÍNH THẺ

Hoạt động 1 (trang 46): Hãy quan sát các thẻ trong tệp newpage.htmn ở 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ẻ.

Gợi ý trả lời:

- Thẻ có thêm thuộc tính là thẻ meta charset=”utf-8”
- Thuộc tính của thẻ có tác dụng bổ sung thông tin, làm rõ các điều khiển được thẻ chỉ định.

CÂU HỎI (trang 47):

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.

Gợi ý trả lời:

- Thẻ meta chứa thuộc tính charset.
- Thẻ title chứa thuộc tính title.
- Thẻ img chứa các thuộc tính src, alt, và style.

2. CÁC THẺ ĐỊNH DẠNG TRÌNH BÀY VĂN BẢN

Hoạt động 2 (trang 47): 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 đó.

Gợi ý trả lời:

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: Tiêu đề, nội dung, hình ảnh...

CÂU HỎI

Câu hỏi 1 (trang 48): 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?

Gợi ý trả lời:

Trình duyệt sẽ hiển thị đoạn mã HTML trên thành 5 dòng, mỗi dòng chứa một thẻ <p>.
Nhận xét về khoảng cách giữa các dòng: Khoảng cách giữa các dòng là một ký tự xuống dòng (\n) trong mã nguồn HTML. Do đó, trình duyệt sẽ hiển thị mỗi thẻ <p> trên một dòng riêng biệt, và có một khoảng trắng giữa chúng.
Câu hỏi 2 (trang 48): Chỉnh sửa đoạn mã trong 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.

Gợi ý trả lời:

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

Hoạt động 3 (trang 48): 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?

Gợi ý trả lời:

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 in đậm, gạch chân, in nghiêng hoặc chữ có màu sắc.
Câu hỏi (trang 50): 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?

Gợi ý trả lời:

Kiểu 1:
- Màu sắc: Được chỉ định bằng tên màu "red".
- Kiểu chữ: Font chữ được chọn là "Tahoma".
- Kích thước chữ: Kích thước chữ được thiết lập là 15px.
- Gạch chân: Chữ được gạch chân.
Kiểu 2:
- Màu sắc: Được chỉ định bằng mã màu RGB (255, 0, 0), tương ứng với màu “red”.
- Kiểu chữ: Font chữ được chọn là "Tahoma".
- Kích thước chữ: Kích thước chữ được thiết lập là 10px.

LUYỆN TẬP

Luyện tập 1 (trang 51): Hãy sửa lại phần tử sau để làm nổi bật ý chính của câu:

Gợi ý trả lời:

Luyện tập 2 (trang 51): Trình bày đoạn văn bản sau bằng mã HTML:

Gợi ý trả lời:

VẬN DỤNG

Vận dụng 1 (trang 51): 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ơ.

Gợi ý trả lời:

Chọn màu cụ thể: Trước tiên, bạn cần quyết định màu sắc bạn muốn sử dụng cho tiêu đề của bài thơ.
Chọn ảnh nền: Chọn một bức ảnh phù hợp để sử dụng làm nền cho tiêu đề. Bạn cũng có thể sử dụng một ảnh trắng đơn giản và thêm màu sắc sau đó.
Tạo tiêu đề trong HTML: Sử dụng thẻ <h1>, <h2>, hoặc <h3> để tạo tiêu đề của bài thơ.
Thêm ảnh nền và thuộc tính color để thay đổi màu chữ.
Vận dụng 2 (trang 51): Hãy đưa ra các định dạng một đoạn văn bản để được kết quả như sau: