Tag

Bất kỳ phần tử nào trong tài liệu HTML cũng đều bắt đầu với một thẻ. Thẻ được mở và đóng bằng cú pháp <tag> nội dung </tag> tuy nhiên có một số thẻ đặc biệt sẽ không có phần đóng thẻ hoặc nội dung bên trong.

1) Elements

Content
Mở tagNội dungĐóng tagCODEHiển thị
<h1>Tiêu đề trang</h1>
Tiêu đề trang

...

Tiêu đề trang

Tiêu đề trang

Tiêu đề trang
<p>Nội dung bài viết<br>Nội dung bài viết</p>
Nội dung bài viết
Nội dung bài viết

Nội dung bài viết
Nội dung bài viết
<b> Nội dung bài viết </b> 
Nội dung bài viết


Nội dung bài viết

Nội dung bài viết

Nội dung bài viết
<i> Nội dung bài viết </i> 
Nội dung bài viết


Nội dung bài viết

Nội dung bài viết

Nội dung bài viết
<u> Nội dung bài viết </u> 
Nội dung bài viết

Nội dung bài viết

<s> Nội dung bài viết </s> 
Nội dung bài viết


Nội dung bài viết

Nội dung bài viết

Nội dung bài viết

<sub> Nội dung bài viết </sub> 
Nội dungbài viết


Nội dungbài viết

Nội dungbài viết

Nội dungbài viết
<ul> <li>Menu 1</ul>
<li>Menu 2</ul>		 </ul> 
    
*
  • Menu 1
    • 
*
  • Menu 2
    •
  • Menu 1
  • Menu 2
<ol> <li>Menu 1</ol>
<li>Menu 2</ol>		 </ol> 
    
*
  1. Menu 1
    2. 
*
  2. Menu 2
    3.
  1. Menu 1
  2. Menu 2

2) Attribute

Content
Mở tag Nội dung Đóng tag CODE VALUE Hiển thị
<a> Liên kết </a> 
Liên kết

href
Đường dẫn liên kết

target
_blank: Mở trong một cửa sổ hoặc tab mới
_parent: Mở trong khung cha
_top: Mở trong toàn bộ phần của cửa sổ

Liên kết
<div> Liên kết </div> 
Nội dung văn bản

id
Là duy nhất

class
Gọi hàm css định dạng văn bản
Nội dung văn bản
<img> Hình ảnh Không có 

*




*LOGO

src
Đường dẫn của ảnh

alt
Đặt tên cho ảnh

3) Requirements

TAG Require Parents CODE
<a> href <div>
<p>
<b>, <strong>, <em>, <sub>, <sup>,
<pre>, <code>, <i>, <u>, <br>, <span>, <del> ...		 Không có <div>
<p>		 

	*Nội dung văn bản
<img> src,alt <div>
<p>
<figure>		 

	*
<li> Không có <ul>
<ol>		 
    
	*
  •  Menu 1
    • 
	*
  •  Menu 2
    •

4) Tag Type

Type TAGS Wrong
Tag về định dạng văn bản

Tag mềm: span, a, small, strong, b, u, i, sub, sup...
Tag cứng: div, p, h1, h2, h3, h4, h5, h6, hr...

Trong đó

  • Tag div: có độ ưu tiên cao nhất
  • Tag h1 > h6, hr: ko nên có tag con
  • Tag p: nên có tag con là tag mềm
 
[p]
	*
Nội dung văn bản

[/p]
Tag về hình ảnh

img, figure, figcaption

 
[img src="image.png"]
	*
Nội dung văn bản

[/img]
Tag về hiển thị dữ liệu

dl, dt, dd, ol, ul, li...

 
[div]
	*
  • Nội dung văn bản
    • 
[/div]
    Tag về bảng

    table, caption, tbody, tfoot, thead, tr, th, td...

    		 
    [table]
	*[thead]Nội dung văn bản[/thead]
	*[tbody]
	**[td]Nội dung văn bản[/td]
	*[/tbody]
[/table]
    Tag về bố cục (layout)

    article, section, details, footer, header, hgroup, menu, nav, summary, time, mark...

    		 
    [header]
	*
    Nội dung văn bản
    
[/header]

    5) HTML Tag list

    https://www.w3schools.com/tags/default.asp
    HomeNext
    TOP