X Häufig verwendete HTML-Tags für Anfänger

Wenn Sie ein Front-End-Entwickler werden möchten, ist einer der häufigsten Ratschläge, HTML zu lernen. Hypertext Markup Language, abgekürzt als HTML, ist die Grundlage der meisten Webseiten.

HTML besteht aus verschiedenen Dingen wie Tags, Attributen und Elementen. Unser Fokus liegt auf HTML-Tags. Wir verwenden HTML-Tags, um Browsern mitzuteilen, wie Inhalte in Überschriften, Titel, Absätze, Bilder und vieles mehr strukturiert werden sollen. HTML-Tags sind also wie Schlüsselwörter, die definieren, wie der Browser den Inhalt anzeigt oder formatiert.

Server lesen HTML-Tags von oben nach unten. Es gibt keine Beschränkung für die Anzahl der HTML-Tags, die eine Webseite haben sollte.

  • Alle HTML-Tags sind in <> eingeschlossen
  • Jedes HTML-Tag erfüllt eine andere Funktion
  • Die meisten HTML-Tags haben ein öffnendes und ein schließendes

Inhaltsverzeichnis

HTML-Tags vs. HTML-Elemente vs. HTML-Attribute

Die meisten Leute verwenden die Begriffe HTML-Tags und -Elemente synonym. Aber sind sie gleich? Technisch gesehen sind HTML-Elemente und HTML-Tags unterschiedlich.

HTML-Tags definieren HTML-Elemente. Um dies zu erreichen, wird der Inhalt mit einem öffnenden und schließenden Tag-Namen umschlossen, der mit dem Inhalt des Tags übereinstimmt, mit dem wir arbeiten.

Dies ist ein Beispiel für ein HTML-Element:

<p> This is a paragraph </p> 

ist ein Beispiel für ein HTML-Tag

HTML-Attribute geben zusätzliche Informationen über HTML-Elemente in einem Dokument. Attribute befinden sich innerhalb von HTML-Elementen.

Dies ist ein Beispiel für ein HTML-Attribut

<button id=" SubmitOrder" class="btn">Order</button> 

HTML-Tags, die jeder kennen sollte

HTML als Auszeichnungssprache hat sich im Laufe der Jahre weiterentwickelt, seit Tim Berners-Lee es 1993 eingeführt hat. Die erste HTML-Version hatte 18 Tags. Mit jeder HTML-Version werden neue Tags hinzugefügt; Das letzte Upgrade war HTML5 im Jahr 2014.

Ein genauer Vergleich von HTML und HTML5 zeigt, dass letzteres über semantische Tags wie

,

und