HTML Texte gestalten

HTML bietet die Möglichkeit, durch sogenannte Inline-Elemente, den Text innerhalb des Dokumentes weiter auszuzeichnen. Diese Elemente stehen in der Zeile und geben Textfragmenten Strukturinformationen. Daher erzeugen Sie auch keinen Zeilenumbruch. Des Weiteren können Inline-Elemente beliebig ineinander geschachtelt werden.

Inline-Elemente kann man grundsätzlich in zwei Elementtypen unterteilen. Dabei handelt es sich einmal um logische Elemente und zum anderen um physische Elemente zur Textauszeichnung.

Logische Textauszeichnung

Elemente für logische Auszeichnung ordnen den Inhalt in bestimmte Kategorien zu und weisen dem Text eine bestimmte Bedeutung oder Absicht zu. Der Text erscheint je nach Bedeutung anders. Bei logischen Elementen entscheidet der Web-Browser, wie ein solcher Text dargestellt wird, wobei dies immer im Zusammenhang mit der Funktion des Elementes steht und durch CSS bestimmt werden kann.

Attribute: Die meisten Elemente für logische Textauszeichnug haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.

Hinweis: Sie können Elemente für logische Textauszeichnung sehr gut mit Stylesheets verwenden und diese entsprechend Ihrer Wünsche formatieren.

Element Auszeichnung des Textes
em mit der Bedeutung "betont"
strong
mit der Bedeutung "stark betont"
code mit der Bedeutung "dies ist Quelltext"
samp mit der Bedeutung "Dies ist ein Beispiel"
kbd mit der Bedeutung "hier ist eine Benutzereingabe"
var mit der Bedeutung "dies ist eine Variable oder ein variabler Name"
q mit der Bedeutung "dies ist ein Zitat"
cite mit der Bedeutung "dies ist die Quelle oder der Autor"
dfn mit der Bedeutung "dies ist eine Definition"
abbr mit der Bedeutung "dies ist eine Abkürzung"
acronym mit der Bedeutung "dies ist ein Akronym (Kurzwort)"
ins mit der Bedeutung "dieser Text ist neu dazugekommen"
del mit der Bedeutung "dieser text ist nicht mehr gültig"


Element Attribut Beschreibung
bdo dir="rtl"
dir="ltr"
Text läuft von rechts nach links
Text läuft von links nach rechts

Physische Textauszeichnung

Elemente für physische Auszeichnung ändern lediglich die Formatierung des Inhalts unabhängig von dessen Bedeutung, z.B. b für “boldface” (Fettschrift). Mit diesen Elementen können Sie Ihren Text neben fett und kursiv auch größer, kleiner, hochgestellt oder tiefgestellt formatieren.

Attribute: Die meisten Elemente für physische Textauszeichnug haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.

Element Auszeichnung des Textes
b
zeichnet einen Text als fett aus
i zeichnet einen Text als kursiv aus
tt zeichnet einen Text als dicktengleich formatiert aus
u zeichnet einen Text als unterstrichen aus
strike zeichnet einen Text als durchgestrichen aus
s zeichnet einen Text als durchgestrichen aus
big zeichnet einen Text größer als normal aus
small zeichnet einen Text kleiner als normal aus
sup zeichnet einen Text als hochgestellt aus
sub zeichnet einen Text als tiefgestellt aus

1018 Views

Letzte Aktualisierung: 25.11.2009

Tags: , , , , ,

2 Kommentare zu “HTML Texte gestalten”

Gravatar
Am 06.11.2009 um 09:32 Uhr

Der Artikel gefällt mir. Inhalt und Aufmachung ist sehr Übersichtlich und Informativ.

Gruß,
Andreas

Gravatar
Christopher
Am 06.11.2009 um 19:51 Uhr

Danke, freut mich zu hören.

3 Trackbacks

Am 6. November 2009 um 11:26 Uhr
Am 7. November 2009 um 09:49 Uhr

Sag deine Meinung zu diesem Artikel