Ngôn ngữ HTML – Đoạn văn bản

Posted on by mtoplistChuyên mục:Top List

Ngôn ngữ HTML

– Đoạn văn bản

Bài trước

Bài sau

Đoạn văn bản trong HTML

Đoạn văn bản là gì?
Đoạn văn bản (hay còn được gọi là khối văn bản). Ở giữa hai đoạn văn bản được cách nhau bởi một khoảng trắng.
Ví dụ, dưới đây là 2 đoạn văn bản:

Một lãnh đạo Sở Tài nguyên – Môi trường & Nhà đất Hải Phòng đã ”kêu”: nếu không đào tạo cán bộ gấp thì không theo kịp quy trình làm việc của Bộ nhất là áp dụng triệt để công nghệ thông tin trong giải quyết công việc ra người, ra việc và khoa học.

Ông  Mai Ái Trực, Bộ trưởng Bộ Tài nguyên – Môi trường (TN&MT)
Từ thời còn làm lãnh đạo tỉnh Bình Định đã áp dụng nhuần nhuyễn công nghệ thông tin trong quản lý điều hành và cũng là người đầu tiên sáng lập ra tờ Bình Định điện tử – một trong những tờ báo điện tử địa phương sớm nhất.
 

Cú pháp tạo một đoạn văn bản
Để tạo một đoạn văn bản, ta sử dụng cặp thẻ <p>Nội dung </p>

<p>Hướng dẫn học thiết kế web 1.</p>
<p> Hướng dẫn học thiết kế web 2.</p>
<p> Hướng dẫn học thiết kế web 3.</p>

Xem ví dụ

Canh lề cho đoạn văn bản
Giống như trong trình soạn thảo Word, ta cũng có thể canh lề cho đoạn văn nằm bên trái, phải, giữa, hoặc canh đều hai bên mép trái phải.
Để canh lề cho đoạn văn trong HTML ta thêm thuộc tính align vào thẻ <p>, giống cú pháp dưới đây:

<p align=”left|center|right|justify”>Nội dung của đoạn văn bản</p>
Trong đó:

  • left: canh cho đoạn văn nằm bên trái (mặc định là đoạn văn được nằm ở bên trái, nên giá trị này không cần thiết)
  • center: canh cho đoạn văn nằm ở giữa
  • right: canh cho đoạn văn nằm bên phải
  • justify: canh đều hai bên mép trái phải cho đoạn văn
     

Ví dụ

<p align="left">Hiệp Si IT</p>
<p align="center"> Hiệp Si IT </p>
<p align="right"> Hiệp Si IT </p>
<p align="justify"> Hiệp Si IT </p>

Xem ví dụ

Ký tự khoảng trắng &nbsp; và thẻ xuống dòng <br>

Khi thực thi một đoạn mã HTML, các dấu xuống dòng và các ký tự khoảng trắng dư thừa sẽ bị loại bỏ.

Ví dụ

Khi thực thi đoạn mã:

<p>H                  bản hướng         dẫn 
          học lập trình     web từ A           đến Z</p>

Xem ví dụ

Trên màn hình trình duyệt sẽ không hiển thị giống như ý muốn lúc soạn thảo của ta, nó sẽ loại bỏ các dấu xuống dòng và các khoảng trắng dư thừa.

Do đó, nếu muốn tạo thêm khoảng trắng thì ta dùng ký tự &nbsp; (một ký tự &nbsp; tương đương với một dấu khoảng trắng)
Còn muốn xuống dòng thì ta dùng thẻ <br>

Ví dụ
Khi thực thi đoạn mã:

<p>Hiep Sĩ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;It hướng&nbsp;&nbsp;&nbsp;dẫn<br>
&nbsp;&nbsp;&nbsp;học lập trình&nbsp;&nbsp;&nbsp;web từ A&nbsp;&nbsp;&nbsp;&nbsp;đến Z</p>

Xem ví dụ

Bài trước

Bài sau

mtoplist