https://www.proggen.org/ 2026-05-01T10:23:00+0200 https://www.proggen.org/ https://www.proggen.org/lib/tpl/proggenX/images/favicon.ico text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:body&rev=1663869536 Der body-Tag Bislang haben wir nur Webseiten erstellt, die lediglich einen weißen Hintergrund besaßen. Gehen wir nun einen Schritt weiter und fügen wir Hintergrundfarben und Hintergrundbilder hinzu. Hintergrundfarben Um eine Homepage mit einem einzigen Farbton zu füllen, wird das Attribut text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:color&rev=1663869536 Farben HTML bietet zwei Möglichkeiten Farben zu verwenden: <p><font color="red">Roter Text</font></p> <p><font color="#ff0000">Roter Text #2</font></p> </code> Anzeigebeispiel: Beide Varianten unterscheiden sich in ihrem Ergebnis nicht, aber wo liegt der Unterschied? text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:div&rev=1663869536 Bereiche -> DIV Bereiche werden in HTML mit div - Tag definiert. Mit CSS können sie dann formatiert werden. Beispiel: <div> Inhalt </div> Um einzelne Bereiche von einander zu unterscheiden, können sogenannten ID's für einzelne Bereiche vergeben werden. text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:maps&rev=1663869536 Klickbare Bereiche von Bildern definieren Ist es von Interesse, dass (zum Beispiel bei einer Bildergalerie) nur bestimmte Teile eines Bildes klickbar sein sollen, so kann man Maps (damit ist nicht der Google-Dienst gemeint) benutzen. Das hat zum Beispiel des Sinn, dass ein Klick auf den linken und rechten Teil des Bildes eine andere Wirkung haben. Ich will das hier anhand einer Bildergalerie darstellen. text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:meta&rev=1663869536 meta-Angaben meta-Angaben dienen dazu Informationen über den Autor, Copyright, Sprache sowie eine kleine Beschreibung und Schlüsselwörter der Seite anzugeben. Außerdem kann Suchmaschinen verboten werden die Seite in den Index aufzunehmen. Inwiefern sich die Suchmaschine daran hält, ist ihre Sache. Die text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:start&rev=1663869536 Fortgeschrittene Themen * Texte formattieren * Der body-Tag * Farben * Meta Angaben text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://www.proggen.org/doku.php?id=html:adv:textformating&rev=1663869536 Textformatierung Einfacher Text auf einer Homepage kann sehr ermüdend sein, vor allem, wenn jeder die gleiche Farbe, die gleiche Schriftart und die gleiche Größer verwenden würde. Um das zu verhindern kann man seinen Text auf verschiedene Weise formatieren.