Tag là gì?

Tag là một thành phần giao diện nhỏ nhất của một trang web.

Một trang web sẽ được xây dựng bởi cấu trúc hệ thống của nhiều tag gộp thành.

Cấu tạo

Tag được cấu tạo bởi 3 thành phần

• Tag mở (Opening tag) : được dùng để khai báo và là nơi chứa các thuộc tính (Attribute) của Tag.
• Thuộc tính (Attribute) :
• Được khai báo bên trong tag mở.
• Là các thành phần mở rộng trong tag, giúp định nghĩa hoặc mở rộng tính năng của tag.

• Content : nội dung hiển thị của Tag.
• Tag đóng (Closing tag) : được dùng để đánh dấu sự vùng phủ nội dung của Tag.

Tag luôn luôn sở hữu Box Model.

Box Model là đối tượng dùng để quản lý hể thống phong cách của riêng tag, thông qua các thuộc tính sau:

• Content (xanh dương) : Nội dung của tag
• Padding (xanh lá) : khoảng cách giữ Content và Border
• Border (vàng) : khung bao bọc của tag
• Margin (vàng cam) : khoảng cách từ border tới các tag khác bên ngoài.

Tag có thể tồn tại ở 3 dạng sau:

• Inline-block :
• Tag có thể nằm cạnh tag khác.
• Có thể thiết lập chiều rộng và chiều cao.
• Có thể sử dụng các thuộc tính margin và padding của Box Model.
• Block:
• Tag chiếm toàn bộ chiều ngang của một hàng.
• Tag không cho phép các tag khác nằm cùng hàng.
• Inline :
• Hiển thị trên cùng một hàng
• Thường được khai báo bên trong tag khác
• Không thể sử dụng padding theo nhiều dọc

Cách sử dụng

Ví dụ :

<p> Học Viên </p>

Trong ví dụ trên:

• <p> là tag mở.
• Học Viên là nội dung.
• </p> là tag đóng.

Basic Tags

Sau đây là các tag cơ bản cần biết khi bắt đầu tìm hiểu về HTML, chúng ta cùng nhau nghiên cứu nhé.

Formating Tags

Formating tags dùng để định nghĩa lại nội dung của html một cách nhanh chóng và hiệu quả, chúng ta cùng nghiên cứu để hiểu rõ về kỹ thuật này nhé.

Image Tags

Image tags là nhóm các loại tag ứng dụng khá nhiều về hình ảnh. Để dễ dàng thiết lập cho hình ảnh và hiển thị, chúng ta hãy làm rõ các tag sau đây.

List Tags

List tags là một thành phần không thể thiếu trong HTML, nó giúp ta phân định và quản lý các thành phần dưới dạng danh sách hoặc các thành phần giao diện vô cùng hiệu quả. Hãy bắt đầu tìm hiểu nhé.

Link Tags

Điều hướng là một công cụ cần thiết để tạo nên sự phong phú và tăng trải nghiệm người dùng. Chúng ta cùng nhau tìm hiểu cách triển khai nhé.

Form Tags

Hệ thống Form Tags được ứng dụng để tương tác thông tin với Client, nhờ đó ta có thể hỗ trợ Client tốt hơn về mọi mặt. Chúng ta hãy cùng tìm hiểu các hoạt động của nó nhé.

Table Tags

Giới thiệu Table tags trong HTML là một phần quan trọng trong việc tạo bảng và hiển thị dữ liệu theo cấu trúc. Dưới đây là một số lợi ích của việc sử dụng table tags trong HTML: Tạo bảng dữ liệu...

Media Tags

Giới thiệu Trong HTML, có một số thẻ được sử dụng để nhúng các phương tiện truyền thông như hình ảnh, video và âm thanh vào trang web. Các thẻ này được gọi là Media tags và chúng cho phép chúng ta...

Meta Tags

Giới thiệu Meta tags là các thẻ HTML được sử dụng để cung cấp thông tin mô tả về trang web. Chúng không hiển thị trực tiếp trên trình duyệt, nhưng chúng đóng vai trò quan trọng trong việc tối ưu hóa...

Style and programming tags

Giới thiệu Trong lập trình, các thẻ Style và Programming là những công cụ quan trọng giúp chúng ta tạo ra các trang web và ứng dụng đẹp mắt và chức năng. Trong các danh mục dưới đây, chúng ta sẽ tìm...

General Tags

Giới thiệu Sau đây là các tag thường xuyên được sử dụng trong ứng dụng mà ta cần phải biết, hãy cùng tìm hiểu qua các danh mục dưới đây: