Auf Lernort-Mint.de findet sich eine kurze Einführung in die Verwendung von “HTML” zur Erstellung von Webseiten. CSS (kurz: Cascading Style Sheets) wird dazu verwendet, das Aussehen (Layout) von HTML-Dokumenten festzulegen z.B. zu erzeugen (Schriftarten, Farben, Hintergrund). Dies lässt sich auch mit “HTML” durchführen, nur ist die Verwendung von CSS einfacher und strukturierter.
Wie bereits in der Einleitung erwähnt, ist man mit “HMTL” auch in der Lage, das Layout von Webseiten zu gestalten bzw. erstellen. Bekannte “HTML”-Befehle dazu sind z.B. <table>…..</table> (zum Erstellen von Tabellen) oder <p> als Befehl für einen Absatz.
Wie bereits erwähnt ist CSS und HTML teilweise sehr ähnlich, deswegen können CSS-Dateien auch mit jeden Textprogramm (z.B. Editor) geschrieben werden.
So wird eine einfache Webseite mit HTML-Befehfeln aufgebaut (ohne Lyout)
Hier steht, was nachher im Browser erscheint.
</HTML>
Nun kann man z.B eine Hintergrundfarbe definieren (z.B. rot), dazu verändert man den “Body (Körper der Webseite)”. So lautet der Befehl nun: <body bgcolor=”#FF0000″>
“Übersetzt” man nun den HTML-Befehl in CSS, so lautet dies body {background-color: #FF0000;}
Allgemein leitet sich der CSS-Befhel aus dem HTML-Tag (selector), der Eigenschaft (property) und dem Wert der Eigenchaft ab (value). Somit erhält man den allgemeinen Aufbau eines CSS-Befehles:
Prinzipiell gibt es drei Möglichkeiten, CSS-Befehle einzubauen:
body {background-color: #FF0000;}