Kurzanleitung zum Erstellen von Webseiten (Teil 2) :

6. Einbinden von Grafik-Dateien

Beim Einbinden von Grafiken muß man unbedingt darauf achten, dass Grafik-Dateien (mit der Endung *.gif bzw. *.jpg) nicht allzu groß sind, damit eine Übertragung im Internet in einer vernünftigen Zeit abläuft.
In den Beispielen wird vorausgesetzt, daß sich die Grafikdatei im gleichen Verzeichnis befindet wie die HTML-Datei.

6.1 Einbinden einer Grafik-Datei als Hintergrund

Die Hintergrundgrafik muß als Grafik-Datei im GIF- oder JPG-Format vorliegen. Das Bild wird über das ganze Anzeigefenster hinweg immer wiederholt, so daß ein Tapeteneffekt entsteht.
 

<body background="hintergrund.gif"> <body background="hintergrund.gif" bgproperties=fixed>

 

6.2 Einbinden einer Grafik-Datei als Bild

Das Bild sollte als Grafik-Datei im GIF- oder JPG-Format vorliegen. Man sollte immer die Breite und Höhe (in Pixel) der Grafik mit angeben, damit der Browser die gesamte WWW-Seite bereits am Bildschirm aufbauen und bei noch nicht eingelesenen Grafiken erst mal eine entsprechend große Freifläche anzeigen kann.

 
<img src="Bild-1.gif" height="300" width="500"> <p><img src="Bild-2.gif" height="300" width="500"></p> <img src="Bild.3.jpg" HSPACE=10 VSPACE=5 align=left> <img src="Bild-3.gif" alt="Kurzbeschreibung des Bildes"> <img src="Bild-4.gif" border=10> <a href="Bild-5.jpg"><img src="minibild.gif"></a>
 

- mit Höhen und Breitenabgabe
- ohne umrahmenden Text
- linksbündig mit umrahmenden Text und Abstandsangabe
- mit Rand
- als kleine Vorschaugrafik

7. Erweiterte Textformatierung

Texte und andere Objekte (z.B. Bilder) werden normalerweise linksbündig angeordnet; können jedoch auch zentriert, rechtsbündig oder als Blocksatz formatiert werden.
Manche Texteteile (z.B. Zitate) müssen eingerückt werden.
<CENTER>in der Mitte</CENTER> <DIV align=right>rechtsbündig</DIV> <DIV align=left>rechtsbündig</DIV> <DIV align=justify>als Blocksatz</DIV> <BLOCKQUOTE>eingerückter Textteil </BLOCKQUOTE>

Man kann Wörter auch durchgestrichen. Auch kann man Wörter oder Textteile über die Seite laufen lassen.

Dieser Text erscheint gelb auf rotem Hintergrund.
<STRIKE>durchgestrichen </STRIKE> <MARQUEE>als Laufschrift </MARQUEE> <MARQUEE behavior=alternate>als Laufschrift mit wechselnder Richtung </MARQUEE> <marquee scrollamount=50 scrolldelay=5>schneller scrollen </marquee>

8. Hyperlinks

Man kann auf einen Text oder ein Bild einen Link auf eine andere Seite oder eine ganz andere Adresse im Internet legen.
 
Hier geht's zum <a href="http://www.urweltmuseum.de"> Urweltmuseum </a>  in Holzmaden.
<a href="http://www.urweltmuseum.de" ><img src="dino.gif" ></a>  in Holzmaden.


In der 1. Zeile wird auf das Wort Urweltmuseum und in der 2. Zeile auf das Bild dino.gif der Link auf die URL-Adresse http://urweltmuseum.de gelegt. In der 1. Zeile wird dann auch Urweltmuseum in Blau und unterstrichen geschrieben. Man kann so natürlich auch einen Verweis auf eine Seite auf dem eigenen Rechner legen.

mit freundlicher Genehmigung von Bernhard Merkert