HTML und CSS
Aus ZUM-Unterrichten
Lernpfad
Dies ist ein Lernpfad zur Einführung in HTML und CSS. So können Schüler in wenigen Stunden erste Schritte im Webdesign mit schnellen Ergebnissen unternehmen. Zur Festigung gibt es interaktive Quizze.
HTML (engl. Hypertext Markup Language) ist eine Auszeichnungssprache für Dokumente. Unter Hypertext versteht man die Möglichkeit, mit Verweisen zu bestimmten Stellen innerhalb und außerhalb des Dokuments springen zu können. Diese können im World Wide Web unabhängig von Betriebssystem als Webseiten in jedem Browser angezeigt werden.
Die Dateiendung ist .html oder .htm. HTML-Seiten können in jedem Texteditor oder in Code-Editor erstellt und bearbeitet werden.
- HTML als Auszeichnungssprache
- meine erste Webseite
- unsichtbar, aber nötig: Dokumentstruktur
- Jetzt kommt Farbe ins Spiel: CSS
- responsives Mehrspaltenlayout
- von der Webseite zum Web-Projekt
Weblinks
- W3C: Das WWW-Konsortium ist für die Festlegung der HTML-Standards zuständig.
- Hypertext Markup Language
Tutorials
- SELFHTML: Portalseite HTML mit umfangreicher, aktueller Dokumentation aller Elemente
- Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign
- Selfhtml: Einsteiger-Seminar am Beispiel einer Schreinerei-Webseite
- HTML5-Grundgerüst zum Aufbau einer Webseite
- HTML5-Seitenstrukturierung mit den neuen HTML5-Elementen
Spickzettel
Download
Cheat Sheet (Spickzettel) für die ersten Schritte in HTML und CSS (pdf, 266k)
- Cheat Sheet (Spickzettel) für die ersten Schritte in HTML und CSS (pdf, 266k)
Farben und Farb-Codes
- Farbkonzept (SELFHTML)
- Standard-Farbpaletten (SELFHTML)
- Hexadezimale Farbcodes durch einen Klick auf die gewünschte Farbe erzeugen.
- Webfarben hexcodes - Tabelle der Webfarben (auf Deutsch)
