Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆2. 14. 3 Grafiken einbinden

2.14.3 Grafiken einbinden

-

1 Allgemein

-

a) HTML-Tags

-

b) HTML-Elementreferenz img

-

c) Attribute zum Element img

-

2 Grundlagen-Websites & Workshops

-

a) Allgemeines zu Grafiken einbinden

-

b) Grafikreferenz definieren

-

c) Namen für Grafiken

-

d) Langbeschreibung für Grafiken

-

3 Relative Adressierung

-

a) Beispiel: Das Bild ist im Ordner "grafiken" dieser Website

Die Breite und Höhe muss im richtigen Verhältnis angegeben werden, sonst wird das Bild verzogen. Die Höhe kann nicht mit "" angegeben werden, da der Internet Explore 6 das im Gegensatz zu Opera nicht versteht.

<img src="../../grafiken/bilder/alfred_brandenberger.jpg"
width="120" height="157" border="0" 
alt="Fotografie von Alfred Brandenberger (493x644)">

b) Workshop zu Relative Adressierung

-

4 Absulute Adressierung

-

Beispiel 1: Das Bild ist auf einer andern Website

<img src="http://www.html-seminar.de/bilder/html-seminar.jpg"
width="" height="" border="0" alt="">

-

Beispiel 2: Mit bestimmter Grösse und Rand der Grösse 1

Bitte beachten: Die folgende Grafik hat im Quelltext einen Eintrag bei "alt"

<img src="http://www.html-seminar.de/bilder/html-seminar.jpg"
width="474" height="66" border="1" 
alt="html-seminar.de - jetzt HTML lernen">
html-seminar.de - jetzt HTML lernen

-

Beispiel 3: Mit noch grösser und Rand der Grösse 5

(die Proportionen sollten aber beibehalten werden, sonst wird das Bild verzogen)

<img src="http://www.html-seminar.de/bilder/
html-seminar.jpg"
width="500" height="70" border="5" 
alt="html-seminar.de - jetzt HTML lernen">
html-seminar.de - jetzt HTML lernen

-

d) Workshop zu Absulute Adressierung

-

5 Alternativer Text alt="..." (Angabe im Quelltext)