[HTML] Bài 4.1: Nhóm Các Thẻ Block - Tag P và Các thẻ trình bày trang

Các thành phần trình bày trang để định dạng cả một đoạn văn bản và phải nằm trong phần thân của tài liệu. Có nhiều thẻ được sử dụng nhưng trong tài liệu này chỉ trình bày một số thẻ trình bày chính: định dạng phần địa chỉ (<ADDRESS>), đoạn văn bản (<P>), xuống dòng (<BR>), căn chính giữa (<CENTER>), đường kẻ ngang (<HR>), đoạn văn bản đã định dạng sẵn (<PRE>), trích dẫn nguồn tài liệu (<BLOCKQUOTE>)

1. Định Dạng Đoạn Văn bản Thẻ P:

- Thẻ P là viết tắt của từ Paragraphs có nghĩa là đoạn văn bản.-  Thẻ P giúp cho trình duyệt xác định được đoạn văn bản trong tài liệu HTML tức là trình duyệt tự động chèn thêm 1 dòng trắng phía trên và 1 dòng trắng phía dưới mỗi paragraphs. Cấu trúc thẻ: <P> .......................</P> 

Ví Dụ:
Không có thẻ P:

Có Thẻ P:

Qua ví Dụ trên chắt bạn đã thấy được công dụng của thẻ P.

2. Thẻ Xuống Dòng <BR> (đây là một thẻ thuộc nhóm inline )

Trong HTML bạn không thể thay đổi hiển thị bằng cách thêm các dấu xuống dòng (bấm Enter) hay thêm các khoảng trống (bấm space ) vào code của bạn được.
Trình duyệt sẽ tự động gỡ bỏ tất cả dấu xuống dòng trong code (bấm enter) và khoảng trống (space) nếu chúng đi với nhau nhiều hơn 1. Tức là bạn gõ bao nhiêu khoảng trống liền nhau thì trình duyệt củng tính là 1 khoảng trống. Tương tự đối với bấm enter xuống dòng. vậy nếu muốn xuống dòng nhưng không để lại các dòng trắng như thẻ P ta sẽ sử dụng thẻ Break (Br)
- Thẻ <BR> là một thẻ đơn không có thẻ đóng.
Ví Dụ:
Ở ví dụ này mình có phần không sử dụng thẻ br, có sử dụng thẻ br, sử dụng thẻ P và cả sử dụng thẻ tiêu đề để các bạn có thể dể dàng thấy được sự khác biệt.

3. Thẻ Định Dạng Địa chỉ:

Cho biết thông tin như địa chỉ, danh thiếp và tác giả, thường đặt ở đầu hay cuối tài liệu.
Thẻ định dạng: <ADDRESS>…</ADDRESS>
Ví Dụ:

4. Đường Kẻ Ngang

- Thẻ này tạo ra đường kẻ ngang (Horizontal Rule) ngăn cách giữa các phần trong tài liệu.
- Là một thẻ đơn không có thẻ đóng
- Thẻ định nghĩa dạng: <HR>
Ví Dụ:
Code html:

<hr>
<p>Đây là một ví dụ về thẻ Horizontal Rule</p>

Hiển Thị Trên Trình Duyệt:

---

Đây là một ví dụ về thẻ Horizontal Rule

5. Thẻ Căn Giữa:

- Thẻ này dùng để căn chỉnh đoạn văn bản ở giữa chiều rộng trang văn bản.
- Thẻ định nghĩa dạng: <CENTER>...</CENTER>
- Thẻ này cũng có tác dụng xuống dòng khi kết thúc đoạn văn bản.

6. Đoạn Văn Bản Định Dạng Sẳn:

- Như ở phần trước mình đã nói , trình duyệt sẽ bỏ qua các dấu hiệu xuống dòng, bỏ qua các dòng trắng khoãng cách khi ta soạn thảo văn bản tuy nhiên bạn vẫn có thể hiển thị văn bản gióng như văn bản lúc soạn thảo của bạn bằng cách dùng thẻ PRE (Pre- formatted).
- Thẻ định Nghĩa dạng: <PRE> ................. </PRE>
Ví Dụ:

7. Trích Dẫn Nguồn Tài Liệu Khác:

- Dùng để trích dẫn một đoạn văn bản, thường được thể hiện bằng chữ nghiêng có căn lề thụt vào trong (như một paragraph) và thường có một dòng trống trên và dưới.
- Thẻ định nghĩa dạng: <BLOCKQUOTE>...</BLOCKQUOTE>
Ví Dụ:

I think the poem ends
<BLOCKQUOTE>
Soft you now, the fair Ophelia. Nymph, in thy orisons, be all my sins remembed. </BLOCKQUOTE> but I am not sure.

(Mình sẽ tiếp tục giới thiệu với các bạn các tag định dạng khác ở bài tiếp theo ).