***** Übungen: HTML - Bilder einfügen ***** HTML_6-1: img-Tags berichtigen Einige der folgenden img-Tags enthalten einen Fehler. Welche sind es? Berichtigen Sie die Fehler. 1. 2. Alternativtext 3. 4. 5. Zahn 6. 7. Zahn, Schwarzweißzeichnung (Scan aus der Mitteltäler Zeitung, 07.03.2009, Ausgabe 7, S. 13) @@@ HTML_6-2: Bild in einem HTML-Dokument anzeigen. Erstellen Sie ein HTML-Dokument, mit dem eine Webseite erzeugt wird, die ungefähr so aussieht wie auf diesem Bildschirmfoto: *LINK 02html/html06_blumenshop/html06_blumen_shop_nachbauen.jpg LINK* Verwenden Sie im gleichen Verzeichnis das Bild html06_bild_sonnenblume.jpg @@@ HTML_6-3: img-Tags einfügen Sie haben eine Webseite zu Ihrem Dänemark-Urlaub erstellt, den Code finden Sie unten oder hier: *LINK 02html/html06_bilder_einfache_uebung/index.html LINK* - Sie haben vergessen einen Titel zu geben. Reparieren Sie das. - Mit den Überschriften stimmt auch etwas nicht. Richten Sie das. - Fügen Sie die im Verzeichnis /html06_bilder_einfache_uebung/ liegenden Bilder an den richtigen Stellen ein. Vergessen Sie nicht die alt-Tags. Es sind sechs Bilder (baum.jpg, kaffee.jpg, pferd.jpg, regenbogen.jpg, schwan.jpg, strand.jpg). --- HTML-Code Start --- Unbenanntes Dokument

Meine Urlaubserlebnisse

Erste Etappe: Ostfriesland

In Ostfriesland haben wir einen sehr schönen Regenbogen gesehen. Zum Glück hatte Egon die Kamera dabei.

Zweite Etappe: Dänemark

In Dänemark haben wir viele Tiere gesehen.

Die Tierwelt Dänemarks

In Dänemark gibt es viele Schwäne, die man mit speziellem Schwanenfutter füttern darf.

Die Pferde, die am Ufer stehen, sind auch sehr hübsch anzusehen.

Die Pflanzenwelt Dänemarks

Wir haben so schöne Bäume gesehen, dass ich aus dem Fotografieren nicht herauskam.

Dritte Etappe: Grönland

Auf Grönland gibt es sagenhafte Strände!

Und den besten Kaffee der Welt haben wir dort auch getrunken.

--- Code Ende --- @@@ HTML_6-4: img-Tags einfügen • Legen Sie ein Verzeichnis namens datum_bild_test an. • Erstellen Sie eine HTML-Datei mit dem Bilder: Test in diesem Verzeichnis. Diese Datei heißt bild_test.html. • Erstellen Sie im Verzeichnis bild_test ein weiteres Verzeichnis mit dem Namen bilder. Legen Sie drei beliebige Bilder in dieses Verzeichnis. • Legen Sie ein weiteres Bild in das Verzeichnis bild_test. • Kopieren Sie den folgenden HTML-Code in den body Ihres HTML-Dokuments und ersetzen Sie die Kommentare durch entsprechende img-Tags. Überprüfen Sie, ob das Dokument mit allen vier Bildern im Browser richtig angezeigt wird. --- HTML-Code Start --- <h1>Bild im Verzeichnis bild_test</h1> <p>Im Verzeichnis "bild_test" liegt ein Bild, nämlich dieses:</p> <p><!-- Hier das Bild im Verzeichnis bild_test anzeigen --></p> <h1>Bilder im Unterverzeichnis bilder</h1> <p>Im Unterverzeichnis "bildert" liegen drei Bilder, nämlich diese:</p> <p><!-- Bild 1 --></p> <p><!-- Bild 2 --></p> <p><!-- Bild 3 --></p> --- Code Ende ---