Online HTML-Kurs (Teil 11): Text kursiv oder fett darstellen mit dem em- und strong-Tag
Generell kann man Text auf zwei Arten kursiv und fett darstellen. Einmal mit den beiden Tags <i> (italic) und <b> (bold) oder mit <em> (emphasized) und <strong> (stark betont). Optisch gesehen bewirken beide Arten das Gleiche, nämlich dass der Textinhalt kursiv bzw. fett dargestellt wird. Praktisch aber empfiehlt es sich <em> und <strong> zu verwenden, da sogenannte Screenreader (Bildschirmleseprogramme) diese beiden Tags erkennen und beim Vorlesen entsprechend hervorheben.
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body>
<b>Dieser Text ist fett mit dem b-Tag</b><br>
<strong>Dieser Text ist fett mit dem strong-Tag</strong><br>
<i>Dieser Text ist kursiv mit dem i-Tag</i><br>
<em>Dieser Text ist kursiv mit dem em-Tag</em>
</body>
</html>
Das Beispiel sieht dann wie folgt aus:
Dieser Text ist fett mit dem b-Tag
Dieser Text ist fett mit dem strong-Tag
Dieser Text ist kursiv mit dem i-Tag
Dieser Text ist kursiv mit dem em-Tag
Was ein Screenreader ist und warum barriererfreies Internet ein wichtiges Thema ist, findet man bei Wikipedia:
http://de.wikipedia.org/wiki/Screenreader
http://de.wikipedia.org/wiki/Barrierefreies_Internet
Kategorien
HTML1 TrackBacks
Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Online HTML-Kurs (Teil 11): Text kursiv oder fett darstellen mit dem em- und strong-Tag
TrackBack-URL dieses Eintrags: http://www.undertec.de/mt-cgi/mt-tb.cgi/241
Morgen beginnt wie bereits hier im Blog angekündigt der Online HTML-Kurs. Diese Seite soll dazu dienen ein Inhaltsverzeichnis zu allen Kursseiten bereitzustellen. Im Laufe der Zeit wird das Inhaltsverzeichnis ergänzt. Jeder Artikel kann kommentier... Mehr
Jetzt kommentieren