Überschriften

Alle HTML-Überschriften, <h1> bis <h6>, sind verfügbar. Außerdem gibt es die Klassen .h1 bis .h6, wenn du die Schriftstile einer Überschrift übernehmen willst, aber den Text weiterhin in einer Zeile (inline) mit anderem Text anzeigen möchtest.

<h1>h1. Bootstrap-Überschrift</h1>
<h2>h2. Bootstrap-Überschrift</h2>
<h3>h3. Bootstrap-Überschrift</h3>
<h4>h4. Bootstrap-Überschrift</h4>
<h5>h5. Bootstrap-Überschrift</h5>
<h6>h6. Bootstrap-Überschrift</h6>

Platziere untergeordneten Text mit einem generischen <small>-Tag oder der Klasse .small in einer Überschrift.

<h1>h1. Bootstrap-Überschrift <small>Zusatztext</small></h1>
<h2>h2. Bootstrap-Überschrift <small>Zusatztext</small></h2>
<h3>h3. Bootstrap-Überschrift <small>Zusatztext</small></h3>
<h4>h4. Bootstrap-Überschrift <small>Zusatztext</small></h4>
<h5>h5. Bootstrap-Überschrift <small>Zusatztext</small></h5>
<h6>h6. Bootstrap-Überschrift <small>Zusatztext</small></h6>

Markierter Text

Verwende das Tag <mark>, um Text aufgrund seiner Bedeutung in einem anderen Kontext hervorzuheben.

Du kannst das Mark-Tag verwenden, um Text <mark>hervorzuheben</mark>.

Unterstrichener Text

Um Text zu unterstreichen kannst du das Tag <u> verwenden.

<u>Diese Textzeile wird unterstrichen angezeigt</u>

Verwende die Standard-HTML-Tags zur unterschiedlichen Gewichtung von Text mit leichten Stilen.

Kleiner Text

Um Text-Zeilen und -Blöcke in ihrer Bedeutung herabzusetzen, verwende das Tag <small>, das einen Text auf 85% der Größe seines übergeordneten Elements setzt. Überschriften-Elemente erhalten ihre eigene font-size für verschachtelte <small>-Elemente.

Du kannst alternativ ein Inline-Element mit .small statt <small> verwenden.

<small>Diese Textzeile steht im Kleingedruckten.</small>

Fett

Um einen Textschnipsel mit einer dickeren Schriftstärke (font-weight) hervorzuheben.

<strong>als fetter Text angezeigt</strong>

Kursiv

Um einen Textschnipsel mit Kursivdruck hervorzuheben.

<em>als Kursiv angezeigt</em>

Ausrichtungsklassen

Richte Text ganz einfach mit den folgenden Klassen neu aus.

<p class="text-left">Links ausgerichteter Text.</p>
<p class="text-center">Zentrierter Text.</p>
<p class="text-right">Rechts ausgerichteter Text.</p>
<p class="text-justify">Blocksatz-Text.</p>
<p class="text-nowrap">Text ohne Umbruch.</p>

Eine Quelle benennen

Füge einen <footer> hinzu, um die Quelle zu identifizieren. Der eigentliche Name der Quelle sollte in <cite> stehen.

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer>Jemand berühmtes in <cite title="Quellentitel">Quellentitel</cite></footer>
</blockquote>

Listen

Unsortiert

Eine Liste von Objekten, bei denen die Reihenfolge explizit nicht von Bedeutung ist.

<ul>
  <li>...</li>
</ul>

Sortiert

Eine Liste von Objekten, bei denen die Reihenfolge explizit von Bedeutung ist.

<ol>
  <li>...</li>
</ol>