Bilder in HTML einbauen

Bilder einbauen

Jede Webseite wird durch den einbau von Bildern und Grafiken optisch verschönert. In HTML gibt es einen speziellen Tag um Grafiken in die Homepage einzubauen. Dieser Tag kann in verschiedensten Formen abgeändert und bearbeitet werden. Hier zeige ich euch einige Begriffe:

Der IMG Tag

Um ein Bild in die Seite einbauen zu können benötigt Ihr folgenden Befehl:
<img>

Pfadeingabe

Um diesem Tag das Bild zuzuweisen gebt Ihr einfach den direkten Pfad der Grafik in das src="" Feld ein.
<img src="pfad-der-grafik.jpg">

Höhe und Breite

Die Höhe und die Breite eines Fotos kann mit width="" und height="" eingestellt werden. In unserem Beispiel beträgt die Höhe und die Breite 200 Pixel.
<img src="pfad-der-grafik.jpg" width="200" height="200">

Rahmen - Border

Mit dem Befehl border="" können Rahmen um die Grafik gezogen werden. In unserem Beispiel wird ein Rahmen mit einem Pixel um das Bild gezogen.
<img src="pfad-der-grafik.jpg" width="200" height="200" border="1">

Alt - Infotext

Mit dem Tag alt="" können kleine Beschreibungstexte hinterlegt werden. Wenn ein User einige Zeit über dem Bild verweilt wird dieser Infotext in einer kleinen Box angezeigt. Auch wenn eine Grafik mal nicht erreichbar sein sollte, so wierd dieser Text im Hintergrund dargestellt.
<img src="pfad-der-grafik.jpg" width="200" height="200" border="1" alt="ALT Infotext">

... zurück

Kostenlose Templates
Startseite
Content Service
Link zu uns
Grafikquelle
Download
Kontakt
Impressum

HTML Vorlagen 001 bis 010
HTML Vorlagen 011 bis 020
HTML Vorlagen 021 bis 030
Wordpress Themes
Webmaster Fragen
Bannervorlagen 2 3
Visitenkarten + Stempel
Begriffe & Definitionen
HTML Trickkiste
Lizenzfreie Bilder

Partnerseiten
Animierte Gifs
Kostenlose Startseite
Kaufen & Verkaufen Sie Webdesign
Linkverzeichnis.at
Gesundheit

Home - Content kaufen - Link zu uns - Grafikquelle - Impressum - Sitemap - Bildagenturen - DSL