Thẻ định dạng trong HTML | Comdy

Posted on by adminChuyên mục:Kiến thức Internet

Thẻ định dạng trong HTML

  • Trung Nguyen

  • 01/04/2020

  • 7 min read

Nếu bạn đã từng sử dụng ứng dụng Word, bạn phải làm quen với những thao tác để in đậm, in nghiêng, hay gạch chân ; đó là 3 trong số 10 tùy chọn có sẵn để chỉ cách mà văn bản Open trong HTML và XHTML .

In đậm trong HTML

Bất cứ nội dung gì mà xuất hiện trong phần tử … đều được in đậm.






   
      Bold Text Example
   
	
   
      
The following word uses a bold typeface.

Đây là hiệu quả :Thẻ <b> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-b-trong-html.jpg”/></p> <h2 id=In nghiêng trong HTML

Bất cứ nội dung gì xuất hiện trong phần tử … đều được in nghiêng:






   
      Italic Text Example
   
	
   
      
The following word uses an italicized typeface.

Đây là hiệu quả :Thẻ <i> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-i-trong-html.jpg”/></p> <h2 id=Gạch chân trong HTML

Bất cứ nội dung gì xuất hiện trong phần tử … đều được gạch chân:

Live Demo





   
      Underlined Text Example
   
	
   
      
The following word uses an underlined typeface.

Đây là tác dụng :Thẻ <u> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-u-trong-html.jpg”/></p> <h2 id=Gạch ngang trong HTML

Bất cứ nội dung nào xuất hiện trong phần tử … đều được gạch ngang:






   
      Strike Text Example
   
	
   
      
The following word uses a strikethrough typeface.

Đây là tác dụng :Thẻ <strike> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-strike-trong-html.jpg”/></p> <h2 id=Font chữ đơn cách trong HTML

Nội dung trong phần tử ... được viết dưới dạng font chữ đơn cách. Hầu hết các font chữ đều được biết như là các font chữ rộng bởi vì các ký tự khác nhau có độ rộng khác nhau (ví dụ như ký tự ‘m’ rộng hơn ký tự ‘i’). Tuy nhiên trong font chữ đơn cách, các ký tự có độ rộng giống nhau.






   
      Monospaced Font Example
   
	
   
      
The following word uses a monospaced typeface.

Đây là hiệu quả :Thẻ <tt> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-tt-trong-html.jpg”/></p> <h2 id=Chỉ số trên trong HTML

Nội dung trong phần tử … được viết dưới dạng chỉ số trên, kích cỡ của nó bằng kích cỡ của các ký tự quanh nó nhưng độ cao của nó bằng một nửa các ký tự khác.






   
      Superscript Text Example
   
	
   
      
The following word uses a superscript typeface.

Đây là tác dụng :Thẻ <sup> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-sup-trong-html.jpg”/></p> <h2 id=Chỉ số dưới trong HTML

Nội dung trong phần tử … được viết ở dạng chỉ số dưới, kích cỡ của nó bằng kích cỡ các ký tự xung quanh nhưng chiều cao bằng một nửa.






   
      Subscript Text Example
   
	
   
      
The following word uses a subscript typeface.

Đây là kết quả:

Thẻ <sub> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-sub-trong-html.jpg”/></p> <h2 id=Chèn văn bản trong HTML

Bất cứ nội dung xuất hiện trong phần tử … được hiển thị như ở dạng văn bản được chèn.






   
      Inserted Text Example
   
	
   
      
I want to drink cola wine

Đây là hiệu quả :Thẻ <ins> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-ins-trong-html.jpg”/></p> <h2 id=Xóa văn bản trong HTML 






   
      Deleted Text Example
   
	
   
      
I want to drink cola wine

Đây là hiệu quả :Thẻ <del> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-ins-trong-html-1.jpg”/></p> <h2 id=Văn bản lớn hơn trong HTML

Nội dung trong phần tử … được hiển thị ở một kích cỡ lớn hơn phần còn lại xung quanh nó.






   
      Larger Text Example
   
	
   
      
The following word uses a big typeface.

Đây là tác dụng :Thẻ <big> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-big-trong-html.jpg”/></p> <h2 id=Văn bản nhỏ hơn trong HTML

Nội dung xuất hiện trong phần tử … được hiển thị ở một kích cỡ nhỏ hơn phần còn lại xung quanh nó.






   
      Smaller Text Example
   

   
      
The following word uses a small typeface.

Đây là hiệu quả :Thẻ <small> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-small-trong-html.jpg”/></p> <h2 id=Nhóm nội dung trong HTML

Phần tử

và cho phép bạn tạo các phần tử thành nhóm nội dung để tạo ra các khu vực hoặc các tiểu khu của một trang.

Ví dụ, bạn muốn đặt tất cả các lời chú thích ở cuối trang và đặt tất cả chúng trong một phần tử

để chỉ rằng tất cả các phần tử trong phần tử

nào đó. Bạn cũng có thể đính kèm một style cho phần tử này.





   
      Div Tag Example
   
	
   
      

      

         
Content Articles

         Actual content goes here .....

Đây là hiệu quả :Thẻ <div> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-div-trong-html.jpg”/></p> <p>Bên cạnh đó, phần tử <span> có thể sử dụng để tạo nhóm chỉ cho các phần tử trong một dòng.</span></p> <p>Vì thế, nếu bạn có một phần của câu hay đoạn văn mà bạn muốn phân nhóm chúng, bạn có thể sử dụng phần tử <span> như ví dụ dưới đây.</span></p> <pre><code class= Span Tag Example

This is the example of span tag and the div tag alongwith CSS

Đây là kết quả:

Thẻ <span> trong HTML” class=”kg-image” src=”https://comdy.vn/content/images/2020/04/the-span-trong-html.jpg”/>Những thẻ này được sử dụng thông dụng với CSS được cho phép bạn đính kèm một style tới một khu vực của trang .</p> <h4 class=Nếu Comdy hữu ích và giúp bạn tiết kiệm thời gian

Bạn hoàn toàn có thể vui mắt tắt trình chặn quảng cáo ❤ ️ để tương hỗ chúng tôi duy trì hoạt động giải trí của website .

admin