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 |
| Element | Attribut | Beschreibung |
|---|---|---|
bdo |
dir="rtl" |
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 |
|
s |
|
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 |

2 Kommentare zu “HTML Texte gestalten”
Der Artikel gefällt mir. Inhalt und Aufmachung ist sehr Übersichtlich und Informativ.
Gruß,
Andreas
Danke, freut mich zu hören.