HTML und CSS: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
(N)
 
Markierung: 2017-Quelltext-Bearbeitung
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 8: Zeile 8:


== Weblinks ==
== Weblinks ==
* W3C: [http://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.
* W3C: [https://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.
* {{wpd|Hypertext Markup Language}}
* {{wpde|Hypertext Markup Language}}


=== Tutorials ===
=== Tutorials ===
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/HTML5-Grundger%C3%BCst HTML5-Grundgerüst] zum Aufbau einer Webseite
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst HTML5-Grundgerüst] zum Aufbau einer Webseite
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5-Seitenstrukturierung HTML5-Seitenstrukturierung] mit den neuen HTML5-Elementen
** [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/Grafik/Farbkonzept Farbkonzept] (SELFHTML)
* [https://wiki.selfhtml.org/wiki/Farbe/Farbkonzept Farbkonzept] (SELFHTML)
* [https://wiki.selfhtml.org/wiki/Grafik/Farbpaletten Standard-Farbpaletten] (SELFHTML)
* [https://wiki.selfhtml.org/wiki/Farbe/Farbangaben#Farbpaletten Standard-Farbpaletten] (SELFHTML)
 
* [http://www.html-php-mysql.de/generatoren/colors.php HTML-Farbcode-Tabelle] (Online-HTML-Editor for .NET, ASP & PHP)
:umfangreiche, differenzierte Liste mit Farbcodes und angezeigten Farben


* [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.



Weblinks

Tutorials

S-Logo Q.png

Spickzettel

Download
Cheat Sheet (Spickzettel) für die ersten Schritte in HTML und CSS (pdf, 266k)

Farben und Farb-Codes

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