HTML-Text und Textbearbeitung
Veröffentlicht am: 3. Oktober 2010
Eines der wichtigsten Elemente Ihrer Webseite ist der Text (Content). Ein professionell gestalteter Text und dessen Qualität tragen dazu bei, dass Ihre Webseite sich von anderen Webseiten absetzen kann. Dazu bietet Ihnen HTML viel Gestaltungsfreiraum, um den Text bestmöglich in Ihr Webseiten-Design einzubauen.
Um einen neuen Textabsatz in Ihr HTML-Dokument einzuarbeiten, wird dafür der “p-Tag” (p = paragraph = Absatz) verwendet:
<p>Text</p>
Mit dem p-Tag sagen Sie dem Browser, dass es sich um einen Text handelt. Sie können jederzeit einen Zeilenumbruch erzwingen, indem Sie dafür den “br-Tag” nutzen. Der Text, der nach dem br-Tag folgt, wird auf die neue Zeile verschoben:
<p>Text <br />
Text</p>
Schrifttypen bei HTML
Für Ihre Textinhalte sollten Sie immer übereinstimmende Schrifttypen verwenden. Empfehlenswerte Schrifttypen sind: Arial und Verdana, da diese von den meisten Browsern korrekt erkannt und dargestellt werden. Sie sollten Ihre Webseiten auf diese beiden Schrifttypen optimieren, da diese die bestmögliche Lesbarkeit Ihrer Texte gewährleisten.
Nach Wunsch können Sie Ihre Texte auch hervorheben:
Text fett:
<p>
<bold>Text</bold>
</p>
Text kursiv:
<p>
<em>Text</em>
</p>
Text unterstrichen:
<p>
<u>Text</u>
</p>
Text fett und kursiv:
<p>
<strong><em>Text</em></strong>
</p>
Schrifttyp, Schriftgröße und Schriftfarbe für den Webseiten-Text festlegen
Wollen Sie für Ihre Webseite einen Schrifttyp, eine bestimmte Schriftgröße und eine Schriftfarbe bestimmen, so können Sie es erreichen, indem Sie den body-Tag um ein Attribut erweitern:
<body style=” font-family: Verdana; font-size: 12px; color: #000000;”>
Wir haben den Text mit dem Schrifttyp: Verdana formatiert, für diesen eine Schriftgröße von 12px (12 Pixel) festgelegt und diesem eine schwarze Farbe zugewiesen. Das könnte man auch erreichen, indem man ein externes CSS-Stylesheet in den Kopfbereich der Seite einbettet, dazu später mehr. Es ist empfehlenswert einen “einzigen” Schrifttyp auf der gesamte Webpräsenz einzusetzen, da sich Besucher an eine Schriftart schnell gewöhnen und ein Wechsel sich negativ auf die Lesbarkeit des Textes auswirken kann.
Tags: HTML-Text, Schriftfarbe, Schriftgröße, Schrifttyp, Textbearbeitung
Kommentarfunktion ist deaktiviert.