Fliesstext kann in HTML formatiert werden. Man kann den Text strukturieren und auszeichnen, das heisst Textstellen hervorheben. Die Schriftart, die Schriftfarbe und ähnliche visuelle Gestaltungen werden nicht (mehr) durch HTML erzeugt. Dafür ist allein CSS zuständig.

Beispiel

Links ist der Code zu sehen, rechts das passende Rendering.

<h1>Oberste Überschrift</h1>
<p>Dies ist ein Absatz. Text kann <b>hervorgehoben</b> sein.</p>
<p>
  Noch ein Absatz. Text kann auch <i>so<i> vom Rest abgehoben werden.
</p>

Es gibt sechs verschiedene Überschriften. Jedes Heading-Element (h1 bis h6) repräsentiert ein "Level". Man kann damit den Inhalt einer Webseite strukturieren (oberste Überschrift, Hauptüberschrift, Unterüberschrift etc.).

Beispiel

<h1>Überschrift Level 1</h1>
<h2>Überschrift Level 2</h2>
<h3>Überschrift Level 3</h3>
<h4>Überschrift Level 4</h4>
<h5>Überschrift Level 5</h5>
<h6>Überschrift Level 6</h6>

Ein Textabsatz (eng. paragraph) kann mit dem p-Element definiert werden. Man kann dadurch einen Text gliedern. Verteilt man den Text innerhalb des Elements auf mehrere Zeilen, dann hat dies keinen Einfluss auf die Darstellung im Browser. Neue Zeilen werden ignoriert. Es wird immer versucht, die ganze Zeile mit Text zu füllen, bevor der Text in einer neuen Zeile positioniert wird.

<p>Dies ist ein Textabsatz.</p>
<p>
Ein zweiter Textabsatz. Man beachte den Abstand zum vorherigen Textabsatz. Ein langer Text wird automatisch umgebrochen. Dies bedeutet, der Text wird auf mehrere Zeilen verteilt, wenn er auf dem Bildschirm nicht in einer Zeile dargestellt werden kann. Dies ist natürlich von der Bildschirmauflösung abhängig.
</p>
<p>Ein letzter Textabsatz.</p>
    

Links

Das b-Element hebt innerhalb eines Fliesstextes einen Teil hervor. Man möchte den Leser auf diese Stelle besonders aufmerksam machen. Die meisten Browser stellen den Text dann fett gedruckt dar. Screenreader können dieses Wort besonders betonen. Dies kann sich in Zukunft auch ändern und zur Sicherheit sollte man die Darstellung mit CSS definieren (siehe dazu auch die Beschreibung von MDN Web Docs). Neben dem b-Element gibt es auch das strong-Element, um Text eine sehr starke Bedeutung zu geben.

Die <b>Antwort</b> auf alles lautet <b>42</b>.

Das i-Element hebt innerhalb eines Fliesstextes einen Teil vom Rest des Textes ab. Die meisten Browser stellen den Text dann kursiv dar. Dies kann sich in Zukunft auch ändern und zur Sicherheit sollte man die Darstellung mit CSS definieren (siehe dazu auch die Beschreibung von MDN Web Docs). Neben dem i-Element gibt es auch das em-Element, um Text eine starke Bedeutung zu geben.

Das Buch <i>Per Anhalter durch die Galaxis</i>
ist ein Klassiker der Science-Fiction-Literatur.

Das br-Element erzeugt einen Zeilenumbruch (eng. line break). In einem Fliesstext kann man damit eine neue Zeile erzwingen.

<p>
  Apfel Apfel Apfel<br>Apfel Apfel Apfel<br>Apfel Apfel Birne
</p>