Übungsseite 1

Diese Seiten sollen das Lernen der Erstellung von HTML-Seiten mit dem »HTML-Editor« unterstützen.
Aber zunächst erstmal zur Bedienung des HTML-Editor:

Hier legst Du erstmal eine neue Seite an. "Erstellen" klicken. Eine grobe Struktur der Seite ist nun schon vorhanden.



Bei text=„#000000“ kannst Du z.B. die Farbe des Textes dieser Seite verändern:

#000000 markieren und bei Farbe anklicken.
bgcolor ist die Hintergrundfarbe der Seite.

Natürlich kann jeder markierte Text einzeln auch mit einer anderen Farbe versehen werden:

Text markieren und hier wählen.

Bilder einfügen
Bilder können an jeder beliebigen Stelle eingefügt werden. Zum Beispiel mitten im Text, wie hier dieses Dreieck:    oder auf der nächsten Zeile ganz rechts, wie diesen Vogel:


Ein Bild wird in der Homepage eingebaut mit dem einteiligen Tag <img src="bild.xxx" ...>, also ohne einen 'Tag-Abschluss' (</..>).
Die Parameter width und height sollten immer angegeben sein, weil sonst das Laden der Bilder im Brauser sich verzögern könnte.
Der Tag alt ist in modernen Browsern nicht mehr gebräuchlich und wird jetzt durch title (Beschreibung des Bildes) ersetzt. Er sollte aber im Internet noch mit verwendet werden, denn viele Internet-Nutzer arbeiten noch mit mit älteren Browsern unter anderen Betriebssystemen als Windows...

Bilder fügst Du ein, indem Du im Quelltext den Schrift-Cursor an die gewünschte Stelle stellst und danach links im entsprechenen Verzeichnis auf die Bilddatei klickst.

Wenn Du dann mit der rechten Maustaste in den entstandenen Bild-Tag klickst, kannst Du noch verschiedene Bildparameter einstellen, wie z.B.:

align (Ausichtung links, mittel, rechts)
hspace (horizontaler freier Platz rechts und links)
vspace (vertikaler freier Platz über und unter dem Bild)
title (Anmerkung, die zu lesen ist, wenn man mit dem Mauszeiger über das Bild fährt)


Links
Das wichtigste Element ist aber der Link, der dazu dient, sich zu einer anderen Seite zu bewegen.
Zum Beispiel:      [Weiter zur Seite 2]

Hier der Quelltext dazu:


Der Tag <font size="-1"> </font> dient zum Verkleinerung des Textes.