Detaillierte Erklärung des Unterschieds zwischen Tags und Elementen in HTML

Detaillierte Erklärung des Unterschieds zwischen Tags und Elementen in HTML
Ich glaube, dass es vielen Freunden, die sich mit Webseiten noch nicht auskennen, wie mir geht und sie nicht verstehen, wie Elemente, Tags und Attribute in HTML definiert werden und was der Unterschied zwischen Elementen und Tags ist. Um es gründlich zu verstehen, habe ich einige Informationen gesucht und konsultiert. Jetzt schreibe ich meine Schlussfolgerungen auf und teile sie mit Internetnutzern, die die gleiche Verwirrung haben wie ich:

Vielen Leuten ist möglicherweise nicht klar, was ein Tag und was ein Element ist. Ich selbst war früher auch immer verwirrt.
Tatsächlich ist das Konzept zwischen den beiden immer noch sehr klar:
Beispielsweise ist <p> ein Tag;
<p>Hier kommt der Inhalt hin</p> Dies ist ein Element, d. h. ein Element besteht aus einem Start- und einem End-Tag und wird verwendet, um bestimmten Inhalt aufzunehmen.
Hier gibt es eine bemerkenswerte Ausnahme: <br/> selbst ist sowohl ein Start- als auch ein End-Tag, enthält aber keinen Inhalt und ist daher nur ein Tag.

1. Elemente :

Eine HTML-Webseite ist eigentlich eine Textdatei, die aus vielen verschiedenen HTML-Elementen besteht, und jeder Webbrowser kann HTML-Dateien direkt ausführen. Man kann also sagen, dass HTML-Elemente die grundlegenden Objekte sind, aus denen HTML-Dateien bestehen, und dass „HTML-Elemente“ lediglich ein allgemeiner Begriff sind. HTML-Elemente werden mithilfe von HTML-Tags definiert.

2. Stichworte :

Tags sind Objekte, die in spitze Klammern „<“ und ">“ eingeschlossen sind, wie beispielsweise <head>, <body>, <table> usw. Die meisten Tags kommen paarweise vor, beispielsweise <table></talbe>, <form></form>. Natürlich gibt es einige, die nicht paarweise vorkommen, wie z. B. <br>, <hr> usw.

Tags werden zum Markieren von HTML-Elementen verwendet. Der Text zwischen den Start- und End-Tags ist der Inhalt des HTML-Elements.

3. Attribute :

HTML-Attribute liefern verschiedene Zusatzinformationen für HTML-Elemente. Sie treten immer in Form von Name-Wert-Paaren auf, etwa „Attributname = Attributwert“, und Attribute werden immer im Starttag von HTML-Elementen definiert.

Beispiel :

<html> <head> <title>Beispieltitel</title> </head> <body bgcolor="red"> <p>Dies ist eine Beispielseite</p> </body> </html> In diesem Beispiel ist <p>Dies ist eine Beispielseite</p> das HTML-Element und „Dies ist eine Beispielseite“ ist der spezifische Inhalt des Elements. <head><title><body> usw. sind HTML-Tags, die HTML-Elemente bilden. Das bgcolor="red" in <body bgcolor="red"> ist das Attribut des Tags, das definiert, wie das Tag konfiguriert werden soll. Kurz gesagt, Sie müssen sich über den Unterschied zwischen Elementen und Tags nicht allzu viele Gedanken machen. Bei der eigentlichen Arbeit bezeichnen wir sie einfach als Tags. Attribute sind leicht zu verstehen. Es handelt sich dabei um Parameter, die HTML-Tags verschiedene Zusatzinformationen oder Konfigurationsmöglichkeiten hinzufügen.

<<:  Neue Einstellungen für Text und Schriftarten in CSS3

>>:  Zusammenfassung von drei Möglichkeiten zum Implementieren von Rankings in MySQL ohne Verwendung von „order by“

Artikel empfehlen

Erste Schritte mit Nginx Reverse Proxy

Inhaltsverzeichnis Überblick Die Rolle des Revers...

Ausführliche Erläuterung der Konzepte und Verwendung von MySQL-Transaktionen

Inhaltsverzeichnis Der Begriff der Affären Der St...

Zusammenfassung der 10 gängigen HBase-Betriebs- und Wartungstools

Zusammenfassung: HBase verfügt über zahlreiche Be...

Detaillierte Erläuterung der Nginx-Zugriffsbeschränkungskonfiguration

Was ist die Nginx-Zugriffsbeschränkungskonfigurat...

Methoden und Probleme bei der Installation von MariaDB in CentOS unter MySQL

Löschen Sie die zuvor installierte MariaDB 1. Ver...

Detaillierte Erklärung der Zählung ohne Filterbedingungen in MySQL

zählen(*) erreichen 1. MyISAM: Speichert die Gesa...

Einführung, Installation und Verwendung von Hyper-V (detaillierte Abbildungen)

Vorwort: Als Gigant in der IT-Branche ist Microso...

Auswahl der MySQL-Tabellentyp-Speicher-Engine

Inhaltsverzeichnis 1. Zeigen Sie die Speicher-Eng...

Design: Ein eigenwilliger Designer

<br />In meiner jahrelangen professionellen ...

Analyse des Sperrmechanismus der MySQL-Datenbank

Bei gleichzeitigen Zugriffen kann es zu nicht wie...

Vue implementiert eine einfache bidirektionale Datenbindung

In diesem Artikelbeispiel wird der spezifische Co...

HTML- und CSS-Grundlagen (unbedingt lesen)

(1) HTML: HyperText Markup Language, die im Wesen...