echt virtuell

Wenn man in SELFHTML als Suchbegriff „box“ eingibt und dann unter „Stylesheets (CSS)“ den ersten Link wählt („Das Box-Modell“), gelangt man auf folgende Seite:

http://de.selfhtml.org/css/formate/box_modell.htm

Hier findet man erst einmal eine sehr übersichtliche grafische Darstellung des Box-Modells. Die verschiedenen Attribute wie Breite, Höhe, Innenabstand, Rahmen usw. sind anschaulich erklärt, auch die englischen Fachbegriffe, die man für die HTML-Programmierung braucht, werden erklärt.

Weiter unten auf der Seite gibt es wie immer bei SELFHTML Beispiele. Den Quelltext-Kern des ersten Beispiels haben wir in das Dokument aus der letzten Stunde eingefügt, und zwar im Body-Bereich:

<p style=”width:200px; padding:20px; border:20px solid #66a”>
Soll-Breite: 280px
</p>
<p><img src=”lineal.gif“ width=”300“ height=”20“ lt=”Lineal”></p>

Mit der Grafik „lineal.gif“ gab es Probleme. Sie musste erst kopiert und auf dem Desktop, wo auch unser HTML-Dokument liegt, eingefügt werden, damit sie anschließend im Internet-Explorer dargestellt werden konnte.