HTML
Struktur
Kapitel
00:00 - Notwendige Dateien erstellen
01:30 - Aufbau von HTML Dateien
Textelemente
Kapitel
00:00 - HTML aufs notwendigste reduzieren
02:25 - Überschriften erstellen
04:35 - Textparagraphen
06:36 - Zwischenaufgabe
Zum Nachlesen
HTML Erläuterung
Textformatierung
Grundlegende Elemente
Aufgabenstellung
Experimentieren Sie ein wenig mit den gegebenen HTML Elementen, um Texte auf Ihrer Seite auf unterschiedliche Weisen darzustellen.
Testen Sie auch folgende Elemente an einzelnen Wörtern in Paragraphen aus: <em>, <strong> und <mark>
Bilder
Kapitel
00:00 - Auflösung der Zwischenaufgabe
01:39 - Bilder einfügen
07:11 - Bildquelle angeben
08:25 - Zwischenaufgabe
Zum Nachlesen
Bilder
Attribute/Eigenschaften
Aufgabenstellung
Bilder richtig einzubinden kann hin und wieder ein wenig knifflig sein. Suchen Sie sich deshalb bitte Bilder von Internetseiten und probieren Sie die richtige Adresse zu Bildern zu bekommen. Im Normalfall geht dies über einen Rechtsklick auf das Bild und dann "Link-Adresse kopieren", "Bild-Adresse kopieren" o.ä..
Hinweis: Google Bilder erschwert das bekommen der Links zu Bildern, weshalb ich empfehlen würde es mit anderen Seiten, wie z.B. WikiPedia zu probieren.
Links
Kapitel
00:00 - Links erstellen
02:45 - Das target-Attribut
04:25 - Attribute von Tags finden und benutzen
06:40 - Zwischenaufgabe
Zum Nachlesen
Aufgabenstellung
Um besser zu verstehen wie das Anchor-Element funktioniert, probieren Sie ein Bild zu verlinken, also so dass ein Bild in ein Anchor-Element gelegt wird und z.B. mal wie es aussieht, wenn man ein Anchor-Element und eine Überschrift (Heading-Element) verbindet.
Listen
Kapitel
00:00 - Auflösung der Zwischenaufgabe
00:30 - Ungeordnete Liste
02:20 - Geordnete Liste
03:38 - Beschreibende Liste
06:42 - Listenfazit