HTML und CSS

Lernpfad

HTML und CSS

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 und CSS

1. HTML als Auszeichnungssprache
2. meine erste Webseite
3. unsichtbar, aber nötig: Dokumentstruktur
4. Jetzt kommt Farbe ins Spiel: CSS
5. responsives Mehrspaltenlayout
6. 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)

• HTML Color Codes

Hexadezimale Farbcodes durch einen Klick auf die gewünschte Farbe erzeugen.

• Webfarben hexcodes - Tabelle der Webfarben (auf Deutsch)