bài 6: định dạng đoạn văn bản trong html

Đoạn văn bản HTML

tài liệu HTML được chia thành nhiều đoạn.

---

HTML khoản

HTML <p> yếu tố xác định một đoạn văn.

Thí dụ

<p>This is a paragraph</p>
<p>This is another paragraph</p>

	Trình duyệt sẽ tự động thêm một số không gian màu trắng trước và sau khi một đoạn.

---

HTML hiển thị

Bạn không thể chắc chắn như thế nào HTML sẽ được hiển thị.

màn hình lớn hay nhỏ, và cửa sổ thay đổi kích cỡ sẽ tạo ra kết quả khác nhau.

Với HTML, bạn không thể thay đổi khoảng cách bằng cách thêm dấu cách hoặc thêm dòng trong mã HTML của bạn.

Trình duyệt sẽ loại bỏ khoảng trắng và dòng thêm khi trang được hiển thị.

Bất kỳ số lượng không gian, và bất kỳ số lượng các dòng mới, tính là một dấu cách.

Thí dụ

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

Đừng Quên End Tag

Hầu hết các trình duyệt sẽ hiển thị HTML một cách chính xác ngay cả khi bạn quên thẻ kết thúc:

Thí dụ

<p>This is a paragraph
<p>This is another paragraph

Ví dụ trên sẽ làm việc trong hầu hết các trình duyệt, nhưng không dựa vào nó.

Quên thẻ kết thúc có thể tạo ra kết quả bất ngờ hoặc lỗi.

	phiên bản chặt chẽ hơn của HTML, giống như XHTML, không cho phép bạn bỏ qua các từ khóa kết thúc.

---

Break Dòng HTML

HTML <br> yếu tố xác định một cách dòng.

Sử dụng <br> nếu bạn muốn có một ngắt dòng (dòng mới) mà không bắt đầu một đoạn mới:

Thí dụ

<p>This is<br>a para<br>graph with line breaks</p>

Các <br> phần tử là một phần tử HTML trống. Nó không có thẻ kết thúc.

---

Hiện thị dạng bài thơ

Bài thơ này sẽ hiển thị như một dòng:

Thí dụ

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

HTML <pre> phần tử

HTML <pre> yếu tố xác định văn bản định dạng sẵn.

Các văn bản bên trong một <pre> được hiển thị trong một phông chữ cố định chiều rộng (thường Courier), và nó bảo cả hai không gian và ngắt dòng:

Thí dụ

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

HTML Tag tham khảo

thẻ tham khảo W3Schools 'có chứa thông tin về các yếu tố HTML và thuộc tính của chúng.

Tag	Description
<p>	Defines a paragraph
<br>	Inserts a single line break
<pre>	Defines pre-formatted text