Neueste Web-Entwicklung Tutorials

HTML-Elemente


HTML - Dokumente werden von HTML - Elementen.

In der HTML-Syntax sind die meisten Elemente mit einem Start-Tag und einem End-Tag, mit dem Inhalt geschrieben dazwischen. Ein HTML-Tag ist aus dem Namen des Elements zusammengesetzt ist, die von eckigen Klammern umgeben ist. Ein End-Tag hat auch einen Schrägstrich nach der Eröffnung Winkel, aus dem Start-Tag zu unterscheiden.


HTML-Elemente

HTML - Elemente sind mit einem Start - Tag, mit einem End - Tag, mit dem Inhalt zwischen geschrieben:

<tagname>content</tagname>

Das HTML - Element ist alles vom Starttag bis zum Ende tag:

<p> Mein erster HTML - Absatz. </p>
Start-Tag Elementinhalt End-Tag
<h1> Meine erste Überschrift </h1>
<p> Mein erster Absatz. </p>
<br> 

Einige HTML-Elemente haben noch keinen End-Tag.


Verschachtelte HTML-Elemente

HTML - Elemente können verschachtelt werden (elements can contain elements) .

Alle HTML-Dokumente bestehen aus verschachtelten HTML-Elemente.

Dieses Beispiel enthält vier HTML-Elemente:

Beispiel

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Versuch es selber "

HTML Beispiel erklärt

Das <html> Element definiert das gesamte Dokument.

Es hat einen Start - Tag <html> und einen End - Tag </html> .

Der Elementinhalt ist ein anderes HTML - Element (the <body> element) .

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Der <body> Element definiert den Dokumentkörper.

Es hat einen Start - Tag <body> und einen End - Tag </body> .

Der Elementinhalt ist zwei andere HTML - Elemente ( <h1> and <p> ) .

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

Das <h1> Element definiert eine Überschrift.

Es hat einen Start - Tag <h1> und einen End - Tag </h1> .

Der Elementinhalt ist: Meine erste Überschrift.

<h1>My First Heading</h1>

Das <p> Element definiert einen Absatz.

Es hat einen Start - Tag <p> und einen End - Tag </p> .

Der Elementinhalt ist: Mein erster Absatz.

<p>My first paragraph.</p>

Vergessen Sie nicht, den End-Tag

Einige HTML-Elemente werden korrekt angezeigt, auch wenn Sie den End-Tag vergessen:

Beispiel

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
Versuch es selber "

Das Beispiel funktioniert oben in allen Browsern, da der End-Tag ist optional betrachtet.

Verlassen Sie sich nie auf diese. Es könnte zu unerwarteten Ergebnisse und / oder Fehler erzeugen, wenn Sie den End-Tag vergessen.


Leeren HTML-Elemente

HTML-Elemente ohne Inhalt sind leer Elemente genannt.

<br> ist ein leeres Element ohne einen End - Tag (the <br> tag defines a line break) .

Leere Elemente können sein "closed" im Starttag wie folgt aus : <br /> .

HTML5 erfordert keine leeren Elemente geschlossen werden. Aber wenn Sie strengere Validierung wollen, oder Sie müssen Ihr Dokument lesbar XML-Parser machen, sollten Sie alle HTML-Elemente schließen.


HTML Tipp: Verwenden Sie Klein Stichworte

HTML - Tags sind nicht case sensitiv: <P> die gleiche Bedeutung wie <p> .

Der HTML5 - Standard erfordert keinen Klein Tags, aber W3C recommends Klein in HTML4 und demands Klein strengere Dokumenttypen wie XHTML.

Bei w3ii verwenden wir immer Klein Tags.