1. Kiến thức trọng tâm
Định dạng văn bản trong HTML là cách làm cho nội dung trang web dễ đọc, rõ ý và đẹp mắt. HTML cung cấp nhiều thẻ để định dạng: <h1> đến <h6> tạo tiêu đề các cấp, <p> tạo đoạn văn, <strong> hoặc <b> in đậm, <em> hoặc <i> in nghiêng, <u> gạch chân. Thẻ <br> xuống dòng, thẻ <hr> kẻ đường ngang phân tách nội dung. Ngoài ra, HTML còn có thẻ <sub> và <sup> để viết chỉ số dưới, chỉ số trên, rất hữu ích khi trình bày công thức khoa học. Định dạng tốt giúp người đọc nhanh chóng nắm bắt ý chính, phân biệt tiêu đề và nội dung chi tiết. Khi viết HTML, cần chọn thẻ đúng với ý nghĩa của nội dung thay vì chỉ chọn theo hình thức: tiêu đề dùng thẻ tiêu đề, đoạn văn dùng thẻ đoạn văn. Cách làm này còn giúp công cụ tìm kiếm và trình đọc màn hình hiểu đúng cấu trúc trang web.
2. Ví dụ minh họa
Yêu cầu: viết đoạn mã HTML hiển thị tiêu đề "Giới thiệu trường em" in đậm cấp 1, một đoạn văn có từ "xanh" in nghiêng và một công thức nước H₂O.
Lời giải:
<h1>Giới thiệu trường em</h1>
<p>Trường em có sân chơi <em>xanh</em> và sạch.</p>
<p>Công thức nước là H<sub>2</sub>O.</p>
Giải thích: thẻ <h1> tạo tiêu đề lớn nhất; <em> nhấn mạnh từ "xanh" bằng chữ nghiêng; <sub> hạ thấp số 2 thành chỉ số dưới. Trình duyệt hiển thị đúng ý đồ của người viết.
3. Ghi nhớ
- Tiêu đề dùng
<h1>đến<h6>, đoạn văn dùng<p>. <strong>in đậm,<em>in nghiêng,<sub>chỉ số dưới,<sup>chỉ số trên.- Chọn thẻ theo ý nghĩa nội dung, không chỉ theo hình thức.
- Định dạng rõ ràng giúp trang web dễ đọc và dễ hiểu.