https://zumunterrichten.idea-sketch.com/index.php?action=history&feed=atom&title=HTML_und_CSS
HTML und CSS - Versionsgeschichte
2026-05-08T15:27:36Z
Versionsgeschichte dieser Seite in ZUM-Unterrichten
MediaWiki 1.39.15
https://zumunterrichten.idea-sketch.com/index.php?title=HTML_und_CSS&diff=138452&oldid=prev
Matthias Scharwies: +l
2024-08-10T23:56:53Z
<p>+l</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 10. August 2024, 23:56 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20">Zeile 20:</td>
<td colspan="2" class="diff-lineno">Zeile 20:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Spickzettel ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Spickzettel ===</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{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}}</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://unterrichten.zum.de/wiki/Datei:HTML-Spickzettel.pdf '''Cheat Sheet''' (Spickzettel)] für die ersten Schritte in HTML und CSS (pdf, 266k)</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://unterrichten.zum.de/wiki/Datei:HTML-Spickzettel.pdf '''Cheat Sheet''' (Spickzettel)] für die ersten Schritte in HTML und CSS (pdf, 266k)</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<!-- diff cache key zumunterrichten:diff::1.12:old-138451:rev-138452 -->
</table>
Matthias Scharwies
https://zumunterrichten.idea-sketch.com/index.php?title=HTML_und_CSS&diff=138451&oldid=prev
Matthias Scharwies: +l
2024-08-10T23:18:53Z
<p>+l</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 10. August 2024, 23:18 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">Zeile 8:</td>
<td colspan="2" class="diff-lineno">Zeile 8:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weblinks ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weblinks ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* W3C: [<del style="font-weight: bold; text-decoration: none;">http</del>://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* W3C: [<ins style="font-weight: bold; text-decoration: none;">https</ins>://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* {{wpde|Hypertext Markup Language}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* {{wpde|Hypertext Markup Language}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l16">Zeile 16:</td>
<td colspan="2" class="diff-lineno">Zeile 16:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** Selfhtml: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg '''Einsteiger-Seminar'''] am Beispiel einer Schreinerei-Webseite</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** Selfhtml: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg '''Einsteiger-Seminar'''] am Beispiel einer Schreinerei-Webseite</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/<del style="font-weight: bold; text-decoration: none;">HTML5-</del>Grundger%C3%BCst HTML5-Grundgerüst] zum Aufbau einer Webseite</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst HTML5-Grundgerüst] zum Aufbau einer Webseite</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/<del style="font-weight: bold; text-decoration: none;">HTML5-</del>Seitenstrukturierung HTML5-Seitenstrukturierung] mit den neuen HTML5-Elementen</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung HTML5-Seitenstrukturierung] mit den neuen HTML5-Elementen</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=== Spickzettel ===</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://unterrichten.zum.de/wiki/Datei:HTML-Spickzettel.pdf '''Cheat Sheet''' (Spickzettel)] für die ersten Schritte in HTML und CSS (pdf, 266k)</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Farben und Farb-Codes ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Farben und Farb-Codes ===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [https://wiki.selfhtml.org/wiki/<del style="font-weight: bold; text-decoration: none;">Grafik</del>/<del style="font-weight: bold; text-decoration: none;">Farbkonzept </del>Farbkonzept] (SELFHTML)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [https://wiki.selfhtml.org/wiki/<ins style="font-weight: bold; text-decoration: none;">Farbe</ins>/<ins style="font-weight: bold; text-decoration: none;">farbkonzept </ins>Farbkonzept] (SELFHTML)</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [https://wiki.selfhtml.org/wiki/<del style="font-weight: bold; text-decoration: none;">Grafik</del>/Farbpaletten Standard-Farbpaletten] (SELFHTML)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [https://wiki.selfhtml.org/wiki/<ins style="font-weight: bold; text-decoration: none;">Farbe</ins>/<ins style="font-weight: bold; text-decoration: none;">Farbangaben#</ins>Farbpaletten Standard-Farbpaletten] (SELFHTML)</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* [http://www.html-php-mysql.de/generatoren/colors.php HTML-Farbcode-Tabelle] (Online-HTML-Editor for .NET, ASP & PHP)</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">:umfangreiche, differenzierte Liste mit Farbcodes und angezeigten Farben</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://html-color-codes.info/ HTML Color Codes]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://html-color-codes.info/ HTML Color Codes]</div></td></tr>
<!-- diff cache key zumunterrichten:diff::1.12:old-127330:rev-138451 -->
</table>
Matthias Scharwies
https://zumunterrichten.idea-sketch.com/index.php?title=HTML_und_CSS&diff=127330&oldid=prev
Matthias Scharwies: Textersetzung - „{{wpd|“ durch „{{wpde|“
2022-05-07T09:37:13Z
<p>Textersetzung - „{{wpd|“ durch „{{wpde|“</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 7. Mai 2022, 09:37 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l9">Zeile 9:</td>
<td colspan="2" class="diff-lineno">Zeile 9:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weblinks ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weblinks ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* W3C: [http://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* W3C: [http://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* {{<del style="font-weight: bold; text-decoration: none;">wpd</del>|Hypertext Markup Language}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* {{<ins style="font-weight: bold; text-decoration: none;">wpde</ins>|Hypertext Markup Language}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Tutorials ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Tutorials ===</div></td></tr>
<!-- diff cache key zumunterrichten:diff::1.12:old-97429:rev-127330 -->
</table>
Matthias Scharwies
https://zumunterrichten.idea-sketch.com/index.php?title=HTML_und_CSS&diff=97429&oldid=prev
Matthias Scharwies: N
2019-08-11T14:38:29Z
<p>N</p>
<p><b>Neue Seite</b></p><div>{{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. <br />
<br />
'''HTML''' (engl. '''''H'''yper'''t'''ext '''M'''arkup '''L'''anguage'') 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.<br />
<br />
Die Dateiendung ist '''.html''' oder '''.htm'''. HTML-Seiten können in jedem Texteditor oder in Code-Editor erstellt und bearbeitet werden.}}<br />
<br />
{{HTML und CSS}}<br />
<br />
== Weblinks ==<br />
* W3C: [http://www.w3c.org '''Das WWW-Konsortium'''] ist für die Festlegung der HTML-Standards zuständig.<br />
* {{wpd|Hypertext Markup Language}}<br />
<br />
=== Tutorials ===<br />
[[Datei:S-Logo Q.png|right|200px|link=https://wiki.selfhtml.org/wiki/HTML/Tutorials]]<br />
* [https://wiki.selfhtml.org/wiki/Startseite SELFHTML]: [https://wiki.selfhtml.org/wiki/HTML '''Portalseite HTML'''] mit umfangreicher, aktueller Dokumentation aller Elemente<br />
*: Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign<br />
** Selfhtml: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg '''Einsteiger-Seminar'''] am Beispiel einer Schreinerei-Webseite<br />
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5-Grundger%C3%BCst HTML5-Grundgerüst] zum Aufbau einer Webseite<br />
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5-Seitenstrukturierung HTML5-Seitenstrukturierung] mit den neuen HTML5-Elementen<br />
<br />
=== Farben und Farb-Codes ===<br />
<br />
* [https://wiki.selfhtml.org/wiki/Grafik/Farbkonzept Farbkonzept] (SELFHTML)<br />
* [https://wiki.selfhtml.org/wiki/Grafik/Farbpaletten Standard-Farbpaletten] (SELFHTML)<br />
<br />
* [http://www.html-php-mysql.de/generatoren/colors.php HTML-Farbcode-Tabelle] (Online-HTML-Editor for .NET, ASP & PHP)<br />
:umfangreiche, differenzierte Liste mit Farbcodes und angezeigten Farben<br />
<br />
* [http://html-color-codes.info/ HTML Color Codes]<br />
:Hexadezimale Farbcodes durch einen Klick auf die gewünschte Farbe erzeugen.<br />
:* [http://html-color-codes.info/webfarben_hexcodes/ Webfarben hexcodes - Tabelle der Webfarben] (auf Deutsch)<br />
<br />
<br />
<br />
[[Kategorie:HTML|!]]<br />
[[Kategorie:Informatik]]<br />
[[Kategorie:Lernpfad]]</div>
Matthias Scharwies