HTML-Elemente
Ein HTML-Element ist alles aus dem Start-Tag bis zum Ende tag:
| Start tag * | Element content | End tag * |
|---|---|---|
| <p> | This is a paragraph | </p> |
| <a href="default.htm"> | This is a link | </a> |
| <br> |
* Der Start-Tag wird oft als Starttag . Das End-Tag wird oft als das schließende Tag .
HTML Element Syntax
- Ein HTML-Element beginnt mit einem Start-Tag / Starttag
- Ein HTML-Element endet mit einem End-Tag / Endtag
- Die Element-Inhalt ist alles zwischen dem Anfang und dem Ende-Tag
- Einige HTML-Elemente haben leeren Inhalt
- Leere Elemente werden in dem Start-Tag geschlossen
- Die meisten HTML-Elemente können Attribute
Tipp: Sie werden über Attribute im nächsten Kapitel dieses Tutorials lernen.
Nested HTML-Elemente
Die meisten HTML-Elemente können verschachtelt (kann andere HTML-Elemente enthalten) werden.
HTML-Dokumente bestehen aus verschachtelten HTML-Elemente.
HTML Document Beispiel
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Das obige Beispiel enthält 3 HTML-Elemente.
HTML erklärt Beispiel
Die <p> element:
<p>This is my first paragraph.</p>
Die <p> Element definiert einen Absatz in das HTML-Dokument.
Das Element hat einen Starttag <p> und ein End-Tag </ p>.
Das Element Inhalt ist: Dies ist mein erster Absatz.
Das Element hat einen Starttag <p> und ein End-Tag </ p>.
Das Element Inhalt ist: Dies ist mein erster Absatz.
Die <body>:
<body>
<p>This is my first paragraph.</p>
</body>
<p>This is my first paragraph.</p>
</body>
Die <body> Element definiert den Körper des HTML-Dokuments.
Das Element hat einen Starttag <body> und ein End-Tag </ body>.
Das Element ist ein weiterer Inhalt HTML-Element (p-Element).
Das Element hat einen Starttag <body> und ein End-Tag </ body>.
Das Element ist ein weiterer Inhalt HTML-Element (p-Element).
Die <html> element:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Die <html> Element definiert die gesamte HTML-Dokument.
Das Element hat einen Starttag <html> und ein End-Tag </ html>.
Das Element content ist ein weiteres HTML-Element (das body-Element).
Das Element hat einen Starttag <html> und ein End-Tag </ html>.
Das Element content ist ein weiteres HTML-Element (das body-Element).
Vergessen Sie nicht den End-Tag
Einige HTML-Elemente können korrekt angezeigt, auch wenn Sie das Ende tag vergessen:
<p>This is a paragraph
<p>This is a paragraph
<p>This is a paragraph
Das obige Beispiel funktioniert in den meisten Browsern, weil das schließende Tag wird als optional.
Niemals auf diese verlassen. Viele HTML-Elemente zu unerwarteten Ergebnissen führen und / oder Fehler, wenn Sie das Ende-Tag vergessen.
Leere HTML-Elemente
HTML-Elemente ohne Inhalt werden als leere Elemente.
<br> ist ein leeres Element ohne End-Tag (die <br> Tag definiert einen Zeilenumbruch).
Tipp: In XHTML müssen alle Elemente geschlossen werden. Hinzufügen eines Schrägstrich in den Starttag, wie <br />, ist der richtige Weg der Schließung leere Elemente in XHTML (und XML).
HTML Tipp: Verwenden Sie Kleinbuchstaben Schlagwörter
HTML-Tags sind nicht case sensitive: <P> bedeutet das gleiche wie <p>. Viele Webseiten verwenden Großbuchstaben HTML-Tags.
W3Schools verwenden Kleinbuchstaben Tags weil das World Wide Web Consortium (W3C) empfiehlt in HTML 4 Kleinbuchstaben und verlangt Kleinbuchstaben Tags in XHTML.
Keine Kommentare:
Kommentar veröffentlichen