HTML Codes: So schreibt ihr fett, kursiv oder erschafft einen Blocksatz

Christin Richter

Habt ihr eine eigene Website oder plant sie, ist es hilfreich zu wissen, wie ihr per HTML Text formatieren und somit gestalten könnt. Auch zum Schreiben von Posts in Foren oder bei Kommentaren könnt ihr die HTML-Codes verwenden, um etwas zu betonen. Wir zeigen euch in unserem Ratgeber unter anderem, wie ihr mit HTML-Codes euren Text fett oder kursiv schreiben oder ihn zentrieren könnt.

HTML-Codes zum Formatieren

  • Mit der textbasierten Auszeichnungssprache Hypertext Markup Language (HTML) könnt ihr digitale Dokumente bearbeiten.
  • Eure Webbrowser zeigen die Inhalte dank spezieller Codes so an, wie ihr sie haben möchtet, beispielsweise fett geschriebene Betonungen im Text oder farbigen Text.
  • Dabei sind die Befehle aus dem Englischen abgeleitet und daher nicht immer ganz offensichtlich.
  • Die Worte oder Textabschnitte, die ihr besonders kennzeichnen möchtet, sollten von Befehlen in spitzen Klammern < > eingeschlossen sein. Beispiel: <b>Wort</b>.
  • Vergesst hinter dem Wort den Close-Tag mit dem Slash „/“ nicht. Das ist in unserem Fall das </b>. Damit der Befehl zum fett schreiben auch wieder beendet ist. Ohne den Close-Tag funktioniert eure Auszeichnung nicht.

HTML5 und CSS3 – umfassendes Handbuch bei Amazon kaufen*

Per HTML fett schreiben

Bilderstrecke starten(42 Bilder)
41 Beweise dafür, dass die Welt Linkshänder hasst

Egal ob ihr einzelne Text-Elemente oder nur ein Wort hervorheben wollt, zur Gestaltung eines Textes ist es wichtig, dass ihr das nötige Know-How habt. Um etwas fett zu markieren, müsst ihr im HTML „bold“ verwenden. Dieser Befehl wird mit <b> abgekürzt:

<b>Fetter Text</b>

Möchtet ihr, dass der Begriff oder Text beispielsweise auch in der Sprachausgabe besonders betont wird, verwendet <strong>:

<strong>Fetter Text mit semantischer Bedeutung</strong>

HTML-Code um kursiv zu schreiben

Sucht ihr Code für HTML kursiv, leitet sich das vom Englischen „italic“ ab und ihr müsst <i> nutzen:

<i>Kursiver Text</i>

Wird der Abschnitt mit <em> markiert, spricht ihn in der Regel eine andere Stimme – so etwas ist praktisch für Zitate:

<em>Kursiver Text mit zusätzlicher Bedeutung.</em>

Text unterstreichen per HTML-Code

Wir sind es gewohnt, Dinge manuell zu unterstreichen. In der Onlinewelt ist die Anwendung eher schwierig, da unterstrichene Stellen automatisch mit Links verwechselt werden können. Der HTML-Code hierfür lautet:

<u>Unterstrichener Text</u>

HTML-Text zentrieren

<center>Zentrierter Text.</center>

Formatierung HTML-Code Beispiel
fett <b> oder <strong> <b>fetter Text</b>
kursiv <i> oder <em> <i>kursiver Text</i>
unterstrichen <u> <u>Text unterstrichen</u>
zentriert <center> <center>Text zentriert</center>

HTML und CSS: Erfolgreich Websites gestalten und programmieren*

CSS Blocksatz

Möchtet ihr einen Text im Blocksatz darstellen, ist das eher in CSS (Cascading Style Sheets) möglich. Diese Formatierungssprache für HTML sorgt dafür, dass Layouts für Elemente festlegen könnt und dass beispielsweise Links nicht mehr blau unterstrichen dargestellt werden müssen, sondern ihr euch farblih austoben könnt. Um Blocksatz für Text zu erreichen, verwendet hier „align“ („ausrichten“) und „justify“ („im Block anordnen“). Vergesst hierbei nicht das <p>, denn die Ausrichtung ist nur auf Blockelemente anwendbar.

<p align=“justify“>Blocksatz</p>

Alternativ könnt ihr statt justify beispielsweise auch leftright und center auswählen.

Weitere hilfreiche Artikel:

Bildquellen: dizainSoulart via Shutterstock

Umfrage: Refurbished oder Neuware?

Ist es für euch in Ordnung, wenn das Smartphone-Display ein wenig verkratzt ist oder schon ein paar Gebrauchsspuren auf der Rückseite hat? Oder muss ein Artikel beim Kauf wirklich komplett neu sein?

Zu den Kommentaren

Kommentare zu diesem Artikel

* Werbung