What is a tag?

Tag is the smallest interface component of a web page.

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

A website is built by the structure of many combined tags.

Structure

Tag consists of 3 components

• Opening tag : used to declare and contain attributes (Attribute) of the Tag.
• Attribute :
• Declared inside the opening tag.
• Are extension components in tags, help define or extend the functionality of tags.

• Content: the displayed content of the Tag.
• Closing tag : used to mark the content coverage of the Tag.

Tag always owns Box Model.

Box Model is an object used to manage the style system of individual tags, through the following attributes:

• Content (blue): the content of the tag
• Padding (green) : the distance between Content and Border
• Border (yellow): the border of the tag
• Margin (orange): the distance from the border to other tags outside.

Tags can exist in the following 3 forms:

• Inline-block :
• Tags can be next to each other.
• Width and height can be set.
• Can use margin and padding attributes of Box Model.
• Block:
• Tag occupies the entire width of a row.
• Tag does not allow other tags to be on the same line.
• Inline :
• Display on the same line
• Often declared inside another tag
• Cannot use padding in multiple columns

How to use

Example:

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

In the example above:

• <p> is the opening tag.
• Learner is the content.
• </p> is the closing tag.

Basic Tags

Here are the basic tags you need to know when starting to learn about HTML. Let's study it together.

Formatting Tags

Formatting tags are used to quickly and effectively redefine the content of html, let's study to understand this technique better.

Image Tags

Image tags are a group of tags that are widely used for images. To easily set up and display images, let's clarify the following tags.

List Tags

List tags is an essential component in HTML, it helps us differentiate and manage components in the form of lists or highly effective interface components. Let's start learning.

Link Tags

Navigation is an essential tool to create richness and enhance user experience. Let's explore how to implement it together.

Form Tags

Form Tags system is applied to interact with Client information, which helps us better support Clients in all aspects. Let's explore its activities together.

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: