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:
Das HTML - Element ist alles vom Starttag bis zum Ende tag:
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.