In HTML funktioniert die Textformatierung ganz anders als in Word oder LaTeX. Für Absatz, Zeilenumbruch und Co. nutzen Sie verschiedene Codes. Wir stellen Ihnen in diesem Praxistipp die wichtigsten Tags für eine browserfreundliche Gliederung und Gestaltung Ihres Textes in HTML vor. So gliedern Sie den Text in HTMLViele manuelle Textformatierungen werden in HTML einfach ignoriert. Sie müssen explizit kodiert werden, um vom Browser korrekt interpretiert zu werden.Absätze erzeugen Sie, indem Sie einen Absatz in der Paragraph-Umgebung durch "<p>" einleiten und durch "</p>" beenden.Zwischen Absätzen brauchen Sie dann keine Zeilenumbrüche zu machen, zwischen zwei Absätzen entsteht der Umbruch automatisch.In der Paragraph-Umgebung können Sie die Textausrichtung definieren. Linksbündig|Rechtsbündig|Zentriert|Blocksatz kodieren Sie so: "<p align=left|right|center|justify>" bis "<\p>"Vorsicht: Die Textformatierung in der Paragraph-Umgebung funktioniert nicht in HTML5. Hier nutzen Sie alternativ CSS-Stylesheets und den Code "<p style="text-align:left|right|center|justify">. Wir zeigen Ihnen, wie man CSS in HTML5 einbindet.Alternativ zentrieren Sie einzelne Textzeilen oder ganze Absätze in der Center-Umgebung: "<center>" bis "<\center>"Innerhalb eines Absatzes oder wenn Sie gerne manuell einen oder mehrere Zeilenumbrüche einfügen möchten, erreichen Sie dies via "<br>". Das steht zwar für "brake row", vielleicht merken Sie es sich aber besser als den "Bruch" von "Umbruch".Ein Leerzeichen können Sie einfach über die Leerzeichen-Taste einfügen. Um mehrere Leerzeichen hintereinander zu machen, schreiben Sie mehrmals " ". Das ist das "geschützte Leerzeichen".Möchten Sie dafür sorgen, dass eine Textzeile gerade nicht durch einen automatischen Zeilenumbruch getrennt wird, nutzen Sie die No-Break-Umgebung: "<nobr>" um den Text, der nicht getrennt werden soll"</nobr>"Ein Trick, um die eingetippte Textformatierung zu übernehmen, ist die Predefined-Umgebung: Schreiben Sie zwischen "<pre>" und "<\pre>" Text mit Zeilenumbrüchen oder mehreren Leerzeichen hintereinander, wird diese Formatierung übernommen.Sie können auch einen relativ frei gewählten Bereich Ihres HTML-Qualltextes durch die Division-Umgebung "<div>" und "<\div>" speziell formatieren.Zum Beispiel "<div align=left|right|center|justify>" für die Textausrichtung, oder <div style="color:#FF0000">, um dem Bereich via Hex-Code eine Farbe zuzuweisen.Achtung: Auch die Division-Umgebung funktioniert nicht in HTML5.Wichtig für Gliederung und SEO sind die verschiedenen Hierarchien der Überschriften: <h1>Titel der Seite<\h1>, <h2>Titel eines Kapitels<\h2>, <h3>Titel eines Abschnitts<\h3>, <h4>Titel eines Unterabschnitts<\h4>, ... das geht bis <h6>.Hier gilt: je kleiner die Zahl, desto bedeutsamer und größer die Überschrift.So formatieren Sie den Text in HTMLDen Text selbst können Sie in HTML natürlich auch gestalten:Text, der in der Bold-Umgebung zwischen "<b>" und "<\b>" steht, wird fett geschrieben.Entsprechend schreiben Sie kursiv in der Italic-Umgebung "<i>" und "<\i>".Die Underline-Umgebung "<u>" bis "<\u>" unterstreicht Ihren Text. Unterstreichungen werden in Internettexten selten verwendet, weil Sie als Link missverstanden werden könnten.Wir haben einen eigenen Praxistipp, der Ihnen ausführlich erklärt, wie Sie in HTML die Schriftgröße des Fließtextes ändern.Um die Schriftart zu ändern, folgen Sie der Anleitung in unserem Praxistipp.Planen Sie HTML5 zu nutzen, steigen Sie mit unserem HTML5-Tutorial ein und optimieren Sie Design und Inhalt Ihrer Website mit unseren SEO-Tipps.

weiterlesen: RSS Quelle öffnen