Hervorhebungen
Beispiel
Manchmal möchte man bestimmte Textstellen hervorheben, z.B. indem sie kursiv dargestellt werden.
Hier der Quelltext zur gezeigten Webseite:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>Steckbrief von Bailey</title>
</head>
<body>
<h1>Steckbrief</h1>
<p><img alt="Foto von Bailey" src="img/bailey.jpg"/></p>
<p>
Ich heiße <em>Bailey</em>. Ich lebe in der Nähe
von Kaiserslautern.
</p>
<p>
Ich interessiere mich für <em>Agility-Sport</em>.
Meine Lieblingsdisziplinen sind:
</p>
<ul>
<li><em>Sprung</em> durch einen Reifen</li>
<li><em>Lauf</em> über eine Wippe</li>
<li><em>Slalomlauf</em> zwischen Stangen</li>
</ul>
<p>
Ich gehe jedes Wochenende zur
<a href="http://www.welpenschule-kl.de/index.html">Welpenschule</a>
.
</p>
</body>
</html>
Erläuterungen
-
Zum Hervorheben gibt es verschiedene Elemente, z.B.
das
<em>-Element zum einfachen Hervorheben, das<strong>-Element zum starken Hervorheben oder das<q>-Element zum Zitieren mit Anführungszeichen. - Die Art und Weise, wie die Hervorhebung umgesetzt wird, ist zunächst einmal im Browser voreingestellt. Wie man das auch anders einstellen kann, wird im Abschnitt Formatierung mit CSS gezeigt.
Aufgabe
Probiere verschiedene Hervorhebungen in deinem Quelltext aus. Interessant ist auch zu vergleichen, wie verschiedene Browser diese anzeigen.