1379 Aufrufe

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. Desweiteren 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 zur Textauszeichnung und zum anderen um physische Elemente zur Textauszeichnung.

Logische Elemente

zur Textauszeichnung beinhalten eine Information über den Text (z.B: "betont") und geben so an, um was es sich bei dem Element handelt.

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 Elemente

zur Textauszeichnung hingegen sagen dem Browser wie er den Text darstellen soll (z.B. "kursiv").

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}