Detailed explanation of the difference between tags and elements in HTML

I believe that many friends who are new to web pages are like me, and don’t understand how elements, tags, and attributes are defined in HTML, and what is the difference between elements and tags. In order to understand it thoroughly, I searched and consulted some information. Now I write down my conclusions and share them with netizens who have the same confusion as me:

Many people may not have a clear idea of which is a tag and which is an element, including me before, I have always been confused.
In fact, the concept between the two is still very clear:
For example, <p> is a tag;
<p>Content goes here</p> This is an element, which means that an element consists of a start tag and an end tag, and is used to contain certain content;
There is one notable exception here, which is that <br/> itself is both a start tag and an end tag, but it contains no content, so it is just a tag.

1. Elements :

An HTML web page is actually a text file composed of many different HTML elements, and any web browser can run HTML files directly. So it can be said that HTML elements are the basic objects that constitute HTML files, and HTML elements can be said to be just a general term. HTML elements are defined using HTML tags.

2. Tags :

Tags are objects enclosed in angle brackets “<” and ">”, such as <head>, <body>, <table>, etc. Most tags appear in pairs, such as <table></talbe>, <form></form>. Of course, there are a few that do not appear in pairs, such as <br>, <hr>, etc.

Tags are used to mark HTML elements. The text between the start and end tags is the content of the HTML element.

3. Attributes :

HTML attributes provide various additional information for HTML elements. They always appear in the form of name-value pairs such as "attribute name = attribute value", and attributes are always defined in the start tag of HTML elements.

Example :

<html> <head> <title>Example title</title> </head> <body bgcolor="red"> <p>This is an example page</p> </body> </html> In this example, <p>This is an example page</p> is the HTML element, and “This is an example page” is the specific content of the element. <head><title><body> etc. are HTML tags, which constitute HTML elements. The bgcolor="red" in <body bgcolor="red"> is the attribute of the tag, which defines how the tag should be configured. In short, you don’t have to worry too much about the difference between elements and tags. In actual work, we just refer to them as tags. Attributes are easy to understand. They are parameters that add various additional information or configuration options to HTML tags.

<<: This article will help you get started and understand the basic operations of Jquery

>>: Summary of three ways to implement ranking in MySQL without using order by

6 Ways to Elegantly Handle Objects in JavaScript

Detailed explanation of the difference between tags and elements in HTML

6 Ways to Elegantly Handle Objects in JavaScript

Detailed explanation of the practical record of solving network isolation through Nginx

Vue implements simple calculator function

Analysis of the locking mechanism of MySQL database

Examples of importing and exporting MySQL table data

How to run top command in batch mode

What is COLLATE in MYSQL?

Using an image as a label, the for attribute does not work in IE

Detailed explanation of basic concepts of HTML

How to set static IP in centOS7 NET mode

Recommend

How to install Maven automatically in Linux continuous integration

Solution to the problem that Xshell cannot connect to the virtualBox virtual machine

MySQL's conceptual understanding of various locks

Build a Scala environment under Linux and write a simple Scala program

Keep-alive multi-level routing cache problem in Vue

Detailed explanation of Angular routing basics

JavaScript style object and CurrentStyle object case study

How to use Nexus to add jar packages to private servers

Detailed explanation of how Zabbix monitors the master-slave status of MySQL

Detailed explanation of the encapsulation and use of the Vue image magnifier component

Docker exec executes multiple commands

Detailed steps to deploy lnmp under Docker

In IIS 7.5, HTML supports the include function like SHTML (add module mapping)

Pure CSS meteor shower background sample code

Detailed explanation of how MySQL (InnoDB) handles deadlocks