HTML und CSS: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
K (Textersetzung - „{{wpd|“ durch „{{wpde|“) |
Markierung: 2017-Quelltext-Bearbeitung |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 8: | Zeile 8: | ||
== Weblinks == | == Weblinks == | ||
* W3C: [ | * W3C: [https://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig. | ||
* {{wpde|Hypertext Markup Language}} | * {{wpde|Hypertext Markup Language}} | ||
| Zeile 16: | Zeile 16: | ||
*: Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign | *: Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign | ||
** Selfhtml: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg '''Einsteiger-Seminar'''] am Beispiel einer Schreinerei-Webseite | ** Selfhtml: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg '''Einsteiger-Seminar'''] am Beispiel einer Schreinerei-Webseite | ||
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/ | ** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst HTML5-Grundgerüst] zum Aufbau einer Webseite | ||
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/ | ** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung HTML5-Seitenstrukturierung] mit den neuen HTML5-Elementen | ||
=== Spickzettel === | |||
{{Box|Download|[https://unterrichten.zum.de/images/a/ae/HTML-Spickzettel.pdf '''Cheat Sheet''' (Spickzettel)] für die ersten Schritte in HTML und CSS (pdf, 266k)|Download}} | |||
* [https://unterrichten.zum.de/wiki/Datei:HTML-Spickzettel.pdf '''Cheat Sheet''' (Spickzettel)] für die ersten Schritte in HTML und CSS (pdf, 266k) | |||
=== Farben und Farb-Codes === | === Farben und Farb-Codes === | ||
* [https://wiki.selfhtml.org/wiki/ | * [https://wiki.selfhtml.org/wiki/Farbe/Farbkonzept Farbkonzept] (SELFHTML) | ||
* [https://wiki.selfhtml.org/wiki/ | * [https://wiki.selfhtml.org/wiki/Farbe/Farbangaben#Farbpaletten Standard-Farbpaletten] (SELFHTML) | ||
* [http://html-color-codes.info/ HTML Color Codes] | * [http://html-color-codes.info/ HTML Color Codes] | ||
Aktuelle Version vom 30. November 2024, 02:47 Uhr
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)
