Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
lehrkraefte:snr:informatik:glf22:html-css [2023/05/08 18:25] Olaf Schnürer [Aufgabe 5: CSS Box Model] |
lehrkraefte:snr:informatik:glf22:html-css [2024/01/07 22:33] Olaf Schnürer [HTML-Elemente] |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ~~NOTOC~~ | ||
====== Websites erstellen mit HTML und CSS ====== | ====== Websites erstellen mit HTML und CSS ====== | ||
Line 19: | Line 20: | ||
<WRAP center round todo> | <WRAP center round todo> | ||
- | * Erstelle in deinem Informatik-Ordner einen UnterOrdner | + | * Erstelle in deinem Informatik-Ordner einen Unterordner |
* Lege in diesem Untordner '' | * Lege in diesem Untordner '' | ||
Line 55: | Line 56: | ||
<WRAP center round info> | <WRAP center round info> | ||
- | Die erste Zeile ''< | + | Die erste Zeile ''< |
</ | </ | ||
Line 87: | Line 88: | ||
Im "start tag" steht hier zusätzlich noch eine "hyper reference" | Im "start tag" steht hier zusätzlich noch eine "hyper reference" | ||
+ | |||
+ | Auf der Webseite angezeigt wird der Inhalt, beim Anklicken versucht der Browser, die "hyper reference" | ||
</ | </ | ||
Line 190: | Line 193: | ||
Diesen Dateinamen solltest du auch für die Hauptseite deines Projektes verwenden. | Diesen Dateinamen solltest du auch für die Hauptseite deines Projektes verwenden. | ||
</ | </ | ||
+ | |||
+ | |||
+ | <WRAP center round info> | ||
+ | Kommentare in HTML-Dateien werden mit '' | ||
+ | |||
+ | {{: | ||
+ | </ | ||
+ | |||
===== Gestaltung einer Webseite per CSS ===== | ===== Gestaltung einer Webseite per CSS ===== | ||
Line 360: | Line 371: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | <WRAP center round info> | ||
+ | Kommentare in CSS-Dateien werden mit ''/ | ||
+ | |||
+ | {{: | ||
+ | </ | ||
+ | |||
==== Vorteil einer separaten CSS-Datei: " | ==== Vorteil einer separaten CSS-Datei: " | ||
Line 373: | Line 391: | ||
</ | </ | ||
- | ==== Link zur Seite für die Projektphase | + | ==== Wer mag: Quiz zu HTML und CSS, Game zu CSS ==== |
- | + | ||
- | [[lehrkraefte: | + | |
+ | * HTML Quiz: https:// | ||
+ | * HTML Exercises: https:// | ||
+ | * CSS Quiz: https:// | ||
+ | * CSS Exercises: https:// | ||
+ | * CSS Diner: https:// | ||
==== Link zur Kursseite ==== | ==== Link zur Kursseite ==== | ||