Latest web development tutorials

HTML-Elemente

HTML-Dokumente werden von HTML-Elementen definiert.


HTML-Elemente

Start-Tag * Elementinhalt End-Tag *
<P> Das ist ein Absatz </ P>
<a href="default.htm"> Dies ist ein Link </a>
<br>

* Start - Tag oft wird das Start-Tag (Öffnungs-Tag),das End - Tag wird oft dieSchluss-Tag (Closing-Tag)genanntgenannt.


HTML-Element Syntax

  • HTML - Elemente beginnen mitdem Start - Tag
  • HTML - Elemente miteinem End - TagKündigung
  • Inhaltselement ist der Inhalt desStart - Tag und die Endmarke
  • Einige HTML - Elemente habenleeren Inhalt (leer Inhalt)
  • Leere Elementewerden in dem Start - Tag geschlossen(um das Start - Tag und Ende Ende)
  • Die meisten HTML - Elemente könnenAttribute haben

Hinweis: Sie werden mehr über die Eigenschaften im nächsten Kapitel dieses Tutorials lernen.


Verschachtelte HTML-Elemente

HTML-Dokumente bestehen aus verschachtelten HTML-Elemente.


HTML-Dokument Instanz

<! DOCTYPE html>
<Html>

<Body>
<P> Dies ist der erste Absatz. </ P>
</ Body>

</ Html>

Die obigen Beispiele enthält drei HTML-Elemente.


Beispiele für HTML-Parsing

<P> Element:

<p>这是第一个段落。</p>

Das <p> Element definiert einen Absatz in dem HTML-Dokument.
Das Element hat ein Start-Tag <p> und ein End-Tag </ p>.
Elementinhalt ist: Dies ist mein erster Absatz.

<Body> Element:

<body>
<p>这是第一个段落。</p>
</body>

Der <body> Element definiert den Körper des HTML-Dokuments.
Das Element hat einen Start-Tag <body> und ein End-Tag </ body>.
Elementinhalt ist eine andere HTML-Element (p-Element).

<Html> Element:

<html>

<body>
<p>这是第一个段落。</p>
</body>

</html>

Das <html> Element definiert das ganze HTML-Dokument.
Das Element hat ein Start-Tag <html> und ein End-Tag </ html>.
Elementinhalt ist eine andere HTML-Element (Körperelement).


Vergessen Sie nicht die End-Tag

Selbst wenn Sie einen End-Tag zu verwenden, vergessen, werden die meisten Browser korrekt HTML angezeigt werden:

<p>这是一个段落
<p>这是一个段落

Die obigen Beispiele können richtig im Browser angezeigt werden, da das schließende Tag optional ist.

Aber verlassen Sie sich nicht auf diese Praxis. das End-Tag Vergessens kann zu unerwarteten Ergebnissen oder Fehler produzieren.


HTML leeres Element

HTML-Elemente ohne Inhalt sind leer Elemente genannt. Leere Elemente werden in dem Start-Tag geschlossen.

<br> ist kein Schluss-Tag leer Element (by tag einen Zeilenumbruch definiert).

In XHTML, XML und zukünftige Versionen von HTML, müssen alle Elemente geschlossen werden.

Hinzufügen ist ein Schrägstrich am Anfang des Etiketts, wie <br />, der richtige Weg, leere Elemente, HTML, XHTML und XML akzeptieren diesen Ansatz zu schließen.

Auch Hotels in allen Browsern sind wirksam, aber <br /> mit eigentlich mehr Langzeitschutz.


HTML Tipp: Verwenden Sie Klein Stichworte

HTML-Tags sind nicht case sensitive: <P> entspricht <p>. Viele Websites verwenden Groß HTML-Tags.

W3CSchool mit Klein - Tags , weil das World Wide Web Consortium (W3C) HTML 4 in Kleinempfohlen, aber in der Zukunft (X) HTML - Version der obligatorischenVerwendung Kleinbuchstaben.