Jedes HTML-Element hat einen Wert Standardanzeige je nachdem, welche Art von Element es sich handelt. Der Standardwert für die meisten Anzeigeelemente ist, Block oder inline.
Elemente auf Blockebene
Ein Block-Level - Element beginnt immer auf eine neue Zeile und nimmt die gesamte Breite bis max (stretches out to the left and right as far as it can) ist (stretches out to the left and right as far as it can) .
Beispiele von Block-Elemente:
- <div>
- <h1> - <h6>
- <p>
- <form>
Inline-Elemente
Ein Inline-Element nicht startet auf einer neuen Zeile und nur so viel Breite wie nötig in Anspruch nimmt.
Dies ist ein Inline - <span> Element innerhalb eines Absatzes.
Beispiele von Inline-Elementen:
- <span>
- <a>
- <img>
Das <div> Element
Das <div> Element ist ein Block-Level - Element , das häufig als Behälter für andere HTML - Elemente verwendet wird.
Das <div> Element hat keine erforderlichen Attribute, aber style und class sind häufig.
Wenn sie zusammen mit CSS verwendet, das <div> kann Element Stil Inhaltsblöcke verwendet werden:
Beispiel
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> Versuch es selber " Das <span> Element
Der <span> Element ist ein Inline - Element , das häufig als Behälter für einen Text verwendet wird.
Das <span> Element hat keine erforderlichen Attribute, aber style und class sind häufig.
Wenn sie zusammen mit CSS verwendet, die <span> kann Element Stil Teile des Textes verwendet werden:
HTML-Gruppierung Schlagwörter
| Etikett | Beschreibung |
|---|---|
| <div> | Definiert einen Abschnitt in einem Dokument (block-level) |
| <span> | Definiert einen Abschnitt in einem Dokument (inline) |