i

Hervorhebungen

Beispiel

Manchmal möchte man bestimmte Textstellen hervorheben, z.B. indem sie kursiv dargestellt werden.

Beispielseite

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.

Suche

v
1.1.2.4.8
www.inf-schule.de/information/informationsdarstellunginternet/strukturbeschreibunghtml/exkurs_html/hervorhebungen
www.inf-schule.de/1.1.2.4.8

Rückmeldung geben