Bilder

Beispiel

Bilder beleben eine Webseite. Der Quelltext unten zeigt, wie man ein Bild einbindet.

Beispielseite

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Steckbrief von Bailey</title>
  </head>
  <body>
    <h1>Steckbrief</h1>
    <p><img src="img/bailey.jpg" alt="Foto von Bailey"></p>
    <p>
      Ich heiße Bailey. Ich lebe in der Nähe 
      von Kaiserslautern.
    </p>
    <p>
      Ich interessiere mich für Agility-Sport.
      Meine Lieblingsdisziplinen sind:
    </p>
    <ul>
      <li>Sprung durch einen Reifen</li>
      <li>Lauf über eine Wippe</li>
      <li>Slalomlauf 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

Aufgabe

Besorge dir eine geeignete Bilddatei und speichere sie analog zum Beispiel oben ab. Binde anschließend diese Datei wie oben beschrieben in den Quelltext ein. Kontrolliere das Ergebnis. Es kann sein, dass die Bildgröße noch nicht stimmt. Wie man die ändert, findest du im Abschnitt Digitale Bildbearbeitung. Experimentiere mit den verschiedenen Zusätzen. Probiere z.B. mal aus, was geschieht, wenn der Dateiname nicht richtig geschrieben ist.

X

Fehler melden

X

Suche