Der DOCTYPE ist technisch gesehen kein Tag, sondern eine Deklaration, die dem Browser mitteilt, welche Art von Datei geladen wird. Dieses Tag teilt dem Browser mit, welcher HTML-Typ geladen wird.
Hinweis: Die Deklaration hat kein schließendes Tag und unterscheidet nicht zwischen Groß- und Kleinschreibung.
Das Tag ….. kommt nach dem Tag DOCTYPE. Dieses Tag definiert das Dokument als Webseite; jedes andere Element wird darin verschachtelt. Das HTML-Tag gibt den Anfang und das Ende eines HTML-Dokuments an.
-Tag für eine geordnete Liste, um nur einige zu nennen.
Die Syntax für das
-Tag lautet:
<body> Content </body>
Ein HTML-Dokument kann bis zu 6 Überschriften-Tags enthalten. Jedes der Tags wird durch eine Zahl dargestellt, die von 1 bis 6 als
,
,
,
,
und
beginnt.
H1 ist das größte Überschriften-Tag, während H6 das kleinste ist.
In einem HTML-Dokument können Überschriften-Tags wie folgt dargestellt werden:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Die Tags
bis
sind im Tag eingeschlossen.
Beispielsweise wird ein ,
-Tag eingeschlossen als;
<body>
<h1> This is heading 1 >/h1>
</body>
Das
oder einfach das Absatz-Tag wird verwendet, wenn Sie Inhalte in einem Absatz strukturieren möchten. Durch Drücken der Eingabetaste in einem HTML-Dokument in Ihrem Code-Editor wird kein neuer Absatz erstellt.
Wenn Sie mehr als einen Absatz wünschen, müssen Sie mehrere
-Tags in Ihrem Dokument verwenden. Die Absatz-Tags sollten innerhalb des
-Tags eingeschlossen sein.
Die Syntax für ein Absatz-Tag lautet:
<p> ….some content here….</p>
Wenn Sie vier Absätze haben möchten, wird Ihr Code wie folgt strukturiert sein:
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
Das Tag oder einfach fett formatiert jeden Inhalt zwischen dem öffnenden und dem schließenden fett.
Das Fett-Tag kann zwischen einer Überschrift wie H1 oder sogar innerhalb eines Absatz-Tags stehen.
Dies sind Beispiele für ein fettes Tag;
<b> Bold Tag </b>
Der Ausdruck „Fett-Tag“ wird fett dargestellt.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
Die fünfte Ausgabe wird fett gedruckt.
Das Kursiv-Tag, gekennzeichnet durch , stellt den Text innerhalb der Tags kursiv dar.
Zum Beispiel, wenn wir haben
<i> These are italics </i>
Die Worte „das sind Kursivschrift“ erscheinen kursiv.
Das underline-Tag oder wird verwendet, wenn Sie einen bestimmten Textabschnitt in einem HTML-Dokument unterstreichen möchten.
Wenn wir zum Beispiel haben;
<u> underline these words </u>
Der Satz zwischen den Tags wird unterstrichen.
Das Center-Tag
wird verwendet, um Inhalte in einem HTML-Dokument zu zentrieren.
Wenn wir beispielsweise ein h2-Tag haben, das als
Inhalt in HTML zentrieren
geschrieben ist, können wir es wie folgt zentrieren;
<center>
<h2> Centering Content in HTML </h2>
</center>
Span-Tag, , ist ein generischer Inline-Container, der nicht mit einem Standardstil geliefert wird. Sie können das span-Tag verwenden, um Texte zu gruppieren, die Sie formatieren möchten.
Sie können Tags innerhalb anderer Tags wie Überschriften und Absätzen umfassen;
<h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
<p> Learn HTML <span> from experts </span> and be ready for the market </p>
Ein Division-Tag, abgekürzt als div, ist ein Tag, mit dem Sie verschiedene Tags in einem HTML-Dokument gruppieren können.
Einem div-Tag kann eine „Klasse“ gegeben werden, um mithilfe von CSS externe Stile hinzuzufügen.
So wird ein div dargestellt, das h1, h2 und ein Absatz-Tag umschließt.
<div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div>
Der Hervorhebungs- oder -Tag wird verwendet, um bestimmte Wörter in einem HTML-Dokument hervorzuheben.
Inhalte zwischen -Tags erscheinen schräg oder kursiv.
Hervorgehobene Inhalte innerhalb eines Absatzes können in einem Code-Editor erscheinen als;
<p> The meeting will start at <em> 0800 hrs </em>, please keep time </p>
Das oder das hochgestellte Tag ermöglicht es, dass der eingeschlossene Text über dem Rest steht. Ein perfektes Beispiel ist, wenn Sie eine Zahl X quadrieren und mathematisch darstellen möchten, um Ihnen X2 zu geben
Die Syntax für innerhalb eines Absatz-Tags lautet:
<H1> Harveys <sup>TM </sup> Company Limited </H1>
Das tiefgestellte oder -Tag ist das Gegenteil des hochgestellten Tags. Der im -Tag eingeschlossene Inhalt wird unterhalb der normalen Textzeile angezeigt. Ein perfektes Beispiel ist das Schreiben der chemischen Formel von Wasser als H20.
Die Syntax für das tiefgestellte Tag lautet:
Remember that H <sub> 2 </sub> 0 is the chemical formula for water
ist ein selbstschließendes Tag, das für eine Pause steht. Der gesamte Inhalt nach
beginnt in einer neuen Zeile.
Die Syntax für
innerhalb eines Absatzes lautet;
<p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p>
und
-
Das Ordered-List-Tag oder das
muss mit einem anderen Tag wie dem
- verwendet werden.
Die beiden können in einem Code-Editor erscheinen als;
<ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol>
Bei der Wiedergabe im Browser werden die Inhalte nummeriert angezeigt.
Vielleicht möchten Sie ein Bild für die visuelle Attraktivität oder sogar ein Logo hinzufügen. Das selbstschließende Bild-Tag ist in einem solchen Fall praktisch.
Die Syntax für das Image-Tag lautet:
<img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/>
Der in Anführungszeichen eingeschlossene Inhalt stellt die Quell-URL dar.
Einpacken
Es gibt über 100 HTML-Tags, aber die oben genannten sollten Sie als Anfänger kennen. HTML wird in den meisten Code-Editoren unterstützt, und Sie können daher sicher sein, dass Sie beim Lernen nichts falsch machen.