Lý thuyết Tin 12 Kết nối tri thức Bài 8: Định dạng văn bản
1. Thuộc tính thẻ
Thẻ có thể có hoặc không có thuộc tính. Thuộc tính của thẻ có tác dụng bổ
sung thông tin, làm rõ cách xử lí cho thẻ chứa nó.
2. Các thẻ định dạng trình bày văn bản
a) Định dạng tiêu đề
Sử dụng các thẻ dạng trong đó × nhận một trong các giá trị từ 1 đến 6 để phân cấp tiêu đề theo các mức khác nhau.
Thẻ
được sử dụng cho tiêu đề chính hay tiêu đề chung của cả văn bản. Các tiêu đề ở mức thấp hơn dùng thẻ
và tiếp tục với các mức tiếp theo.
b) Định dạng đoạn văn bản
Các đoạn được định dạng bằng thẻ
phù hợp với văn bản chứa nhiều chữ.
Khi cần thao tác với nhiều loại nội dung, ta có thể sử dụng thẻ
và thẻ
Phần tử
là một khối, bắt đầu trên dòng mới.
Phần tử có tác dụng tương tự nhưng sử dụng cho quy mô nhỏ hơn.
Lưu ý: Ngoài các thẻ định dạng đoạn và khối kể trên, còn có hai thẻ và để xuống dòng hoặc tạo ra một đường kẻ ngang trên trang web.
3. Các thẻ định dạng phông chữ
a) Định dạng kiểu chữ
Lý thuyết Tin 12 Kết nối tri thức Bài 8: Định dạng văn bản
Lưu ý:
-HTML không hỗ trợ thẻ và .
-Các thẻ , nhấn mạnh vào ngữ nghĩa của nội dung.
b) Định dạng phông chữ
Để định dạng phông chữ, ta sử dụng thuộc tính style. Các thuộc tính màu sắc, phông chữ, cỡ chữ được xác định như sau:
-Màu sắc:
Nội dung.
-Phông chữ:
Nội dung.
.
-Xác định cỡ chữ dùng số kèm đơn vị (px-pixel, mm cm....) hoặc cỡ chữ thông dung (small, medium, large...).
Lưu ý:
-Giá trị màu sắc được sử dụng theo tiếng Anh hoặc giá trị màu trong hệ RGB.
-Khi muốn thực hiện nhiều định dạng phông ta ngăn cách nhau bởi dấu “;”.
4. Thực hành định dạng văn bản và phông chữ
Nhiệm vụ: Viết đoạn mã HTML để trình bày đoạn văn bản Hình 8.3
Bước 1: Phân tích thành phần của đoạn văn bản
Tiêu đề: Dòng 1, dòng 2, dòng 3. Trong đó dòng 1 ở mức tiêu đề cao hơn. – Đoạn: 3 đoạn, tương ứng với 3 bước làm.
Lưu ý: Các dòng 7, 8, 9 đều bắt đầu viết trên dòng mới nhưng không là đoạn vì ta không thấy cách trước và sau như những dòng trên.
Bước 2. Dùng thẻ để viết 3 dòng đầu:
Ta có thể sử dụng thẻ
cho dòng 1 và
cho dòng 2, 3 (hoặc
cho dòng 1 và
cho dòng 2, 3).
Để thay đổi màu sắc, dùng thuộc tính style; dùng thẻ để viết số mũ ở câu lệnh của dòng 2:
Bài toán: Xác định số nghiệm của phương trình ax2 + bx - c = 0 ( a != 0)
.
Bước 3. Dùng thẻ
để viết 3 đoạn bên dưới.
– Viết mỗi đoạn bằng một thẻ
.
– Viết chỉ số dưới, số mũ bằng thẻ , .
− In đậm, in nghiêng chữ bằng thẻ hoặc , hoặc .
– Xuống dòng bằng thẻ .
Hãy giúp mọi người biết câu trả lời này thế nào?
5