Hướng dẫn viết tắt trong html

Đối với các bạn mới bước chân vào con đường thiết kế, xây dựng website thì định dạng văn bản luôn là một công việc gây khá nhiều khó khăn bởi trong HTML có khá nhiều thẻ để định dạng văn bản, cùng với đó là chưa thành thạo cách sử dụng của các thẻ như phân biệt giữa thẻ ,..... Vì vậy trong bài viết này chúng ta sẽ đi tìm hiểu về công dụng và cách sử dụng của các thẻ định dạng văn bản trong HTML.

1. Các thẻ tiêu đề Heading

Trong HTML các thẻ heading được chia làm 6 cấp bậc, với kích thước nhỏ dần như sau:

Để trình duyệt web biên dịch được nội dung như trên chúng ta sử dụng lần lượt các thẻ H từ

đến trong cặp thẻ như sau:



	Thẻ Heading
	


	Heading 1
	Heading 2
	Heading 3
	Heading 4
	Heading 5
	Heading 6
	


Trong đó thẻ

là thẻ hiển thị tiêu đề có kích thước lớn nhất vì vậy nó thường được sử dụng để làm thẻ tiêu đề cho bài viết, danh mục. Tiếp đó thẻ

thường được sử dụng làm tiêu đề con của thẻ

, thẻ

sẽ là tiêu đề con của thẻ

, theo cấp bậc như vậy đến thẻ sẽ là tiêu đề con của thẻ .

  • Khi hiển thị lên màn hình, mặc định thì văn bản nằm ở bên trong cặp thẻ tiêu đề sẽ được in đậm và có kích thước lớn hơn văn bản bình thường
  • Kích thước chính xác mà mỗi trình duyệt hiển thị nội dung các thẻ tiêu đề có thể thay đổi một chút. Bạn cũng có thể điều chỉnh kích thước của chúng sau khi học đến bài CSS.

2. Thẻ định dạng đoạn văn bản

Giống như 1 bài văn, để người đọc dễ dàng hiểu nội dung và không gây nhàm chán thì việc chia nhỏ văn bản thành các đoạn văn nhỏ là một công việc quan trọng. Trong HTML cũng cho phép bạn định dạng từng đoạn văn bản. Theo mặc định, trình duyệt sẽ hiển thị mỗi đoạn trên một dòng mới như sau:

  • Trong thẻ

    có thể chứa các thẻ thuộc nhóm inline như thẻ thể hiện hình ảnh, link, thẻ in đậm, in nghiêng,...

  • Không nên sử dụng cặp thẻ

    trong một cặp thẻ

    khác.

Cú pháp: Thẻ

là thẻ có cả thẻ đóng và thẻ mở được khai báo trong cặp thẻ như sau:


  Nội dung đoạn văn thứ nhất
  Nội dung đoạn văn thứ 2
      .....
  Nội dung đoạn văn thứ n

3. Thẻ , , ,

Giống như trong word, "b" và "i" là viết tắt của Bold và Italic, đại diện cho nội dung được in đậm hay in nghiêng. Ví dụ


 
	Thẻ Heading
	
 
 
  //Chúng ta kết hợp với thẻ  ở trên luôn, bạn có thể bỏ thẻ , nội dung vẫn dược hiển thị đúng.
  	 Đây là thẻ in đậm  
  	 Đây là thẻ in nghiêng 
 

Kết quả:

  • Thẻ và cũng là cặp thẻ có cả thẻ đóng và thẻ mở [ ; ]. Trình duyệt web sẽ hiển thị kết quả của thẻ giống thẻ đều là in đậm. Tuy nhiên về mặt ý nghĩa thì khác nhau: thẻ đơn giản là làm đậm phần văn bản, còn thẻ nhấn mạnh tầm quan trọng [mức ý nghĩa] của văn bản đó.
  • Tương tự thẻ cũng dùng để in nghiêng nội dung. Tuy nhiên về mặt ý nghĩa thẻ chỉ đơn thuần hiển thị chữ nghiêng, còn thẻ ngoài việc hiển thị chữ nghiêng, nó còn nhấn mạnh ngữ nghĩa của đoạn văn bản mà chúng ta đánh dấu.

4. Thẻ và

  • Thẻ  với tên gọi đầy đủ là Superscriptdùng để tạo văn bản nằm ở vị trí khoảng từ phân nửa trở lên so với văn bản bình thường. Nó thường được sử dụng trong các công thức toán học.
  • Trái ngược với thẻ , thẻ [Subscript] dùng để tạo văn bản có kích thước nhỏ hơn văn bản bình thường và nằm ở vị trí khoảng từ phân nửa trở xuống so với văn bản bình thường. Thường dùng trong các công thức hóa học. Ví dụ:


	First Web
	


	 H2O 
	 x2-4x+4=0 


Kết quả:

5. Thẻ

  • Thẻ
    dùng để xác định một đoạn trích dẫn dài. Khi sử dụng, trình duyệt sẽ chèn một khoảng trắng vào trước và sau thành phần
    , và trình duyệt cũng canh lề cho thành phần này. Tuy nhiên bạn không nên dùng phần tử này để thụt lề đoạn văn bản mà bạn nên dùng CSS.
  • Trái ngược với

Bài Viết Liên Quan

Chủ Đề