Startseite | Gästebuch | Kontakt
- 1. Einleitung
- 2. Grundlagen
- 3. Text
- 4. Farben
- 5. Listen
- 6. Tabellen
- 7. Grafik
- 7.1. Datei-Pfade
- 7.2. Ausrichtung
- 7.3. Beschriftung
-
Übungsaufgabe - 8. Verweise
- 9. Frames
- 10. Formulare
- Kurzübersicht
- Farbliste
- Sonderzeichen
- Tipps & Tricks
- Übungen/Lösungen
- Download
- Test
- Inhaltsverzeichnis
- HTML-Glossar
7. Grafik einfügen
Am einfachsten ist es, die Grafik in den gleichen Ordner zu kopieren, in dem auch die Webseite gespeichert ist. Als Grafikformate kommen JPG, GIF oder PNG in Frage.
| <html> <head> <title>Grafik einfügen</title> </head> <body> <img src="bild.gif"> </body> </html> |
Zusätzlich kann mit dem Attribut alt ein alternativer Text angegeben werden, der bei Mausberührung nach ca. 2 Sekunden angezeigt wird.
| <html> <head> <title>Grafik einfügen</title> </head> <body> <img src="bild.gif" alt="Hilfe, mein Computer spinnt!"> </body> </html> |
Die Angabe des Wertes in Pixel für Breite und Höhe gewährleistet einen schnelleren Bildaufbau.
| <html> <head> <title>Grafik einfügen</title> </head> <body> <img src="bild.gif" width="200" height="157"> </body> </html> |