HTML 5 für Einsteiger

HTML5 Tutorial

Ich möchte hier den absoluten Einsteigern, die über keinerlei Vorkenntnisse in HTML5 verfügen schrittweise zeigen wie man eine EIGENE Webseite zusammenstellen kann ...
Es geht hier also NICHT darum alles bis ins kleinste Detail zu erklären sondern HTML5 möglichst einfach und anschaulich zu erklären.
Damit du dich noch schneller in HTML5 einarbeiten kannst habe ich auf fast jeder Seite Links zu Videos hinterlegt in denen ich dir die Inhalte an praktischen Beispielen zu veranschaulichen versuche.
Am Ende fast jeder der nachfolgenden Lektionen findest du Aufgabenstellungen - deren Durcharbeiten soll - ganz nach dem Motto "Learning by Doing" - dein erworbenes Wissen verfestigen ...
[Video zur Lektion]Wenn du den Video - Link hier links siehst und darauf klickst kannst du ein Video zu dem auf der Seite enthaltenen Inhalt dir anschauen...
Wenn du die folgenden Lektionen durcharbeitest wirst du u.a. wissen was HTML5 eigentlich ist, wozu man einen HTML-Editor braucht, welcher HTML-Editor besonders nützlich ist, wie man Videos einfügen kann, wie man Audios einfügen kann - und vieles mehr ... Viel Erfolg!
Lektion 1: Was ist überhaupt HTML5?
Lektion 2: Wozu braucht man überhaupt einen Editor?
Lektion 3: den Editor Webocton Scriptly zum coden verwenden
Lektion 4: ein HTML - Grundgerüst erstellen
Lektion 5: Dateinamen, Sonderzeichen / Codierung, Pfadangaben
Lektion 6: Zeilenumbrüche, Absätze, Zitate, präformatierter Text einfügen
Lektion 7: Grafiken einfügen
Lektion 8: Einfache Tabellen einfügen
Lektion 9: Überschriften mit einem Tag einfügen
Lektion 10: Horizontale Trennlinien einfügen
Lektion 11: ein eigenes Video einfügen
Lektion 12: Geordnete und ungeordnete Listen einfügen
Lektion 13: eine eigene Audio-Datei einfügen
Lektion 14: (Hyper) - Links einfügen
Lektion 15: Kommentare einfügen
Lektion 16: Übersichtlich HTML programmieren
Lektion 17: ein Youtube - Video mit einem Iframe einbinden
Lektion 18: Kopfdaten in den head einer Webseite einfügen
Lektion 19: Ulrakurzeinblick in Layout und Gestaltung einer Webseite mit CSS
Lektion 20: HTML und CSS - Quelltext validieren (überprüfen)

Disclaimer / Impressum

Die hier dargebotenen Informationen sind für Lehrzwecke bzw. den Unterrichtsgebrauch an österreichischen Schulen gedacht! Die auf hier veröffentlichten Seiten beinhalten ganz oder teilweise Material aus verschiedenen Quellen. Diese Quellen unterliegen einem internationalen Copyright (Urheberrecht) und anderen gesetzlich festgeschriebenen Bedingungen und sind eingetragene Warenzeichen. Die Quellen sind nicht verantwortlich für Verzögerungen, Ungenauigkeiten, Fehler oder Auslassungen aus dem Originalmaterial oder für daraus entstehende Schäden.
Soweit ich mittels Hyperlink auf Internet-Seiten Dritter verweise, dient dies allein Informationszwecken, ohne dass sich der Nutzer auf die Aktualität, Richtigkeit oder Vollständigkeit der Informationen berufen oder verlassen kann.
Alle Angaben auf dieser Webseite wurden mit größter Sorgfalt erarbeitet bzw. zusammengestellt. Trotzdem sind Fehler nicht ganz auszuschließen. Ich sehe mich deshalb gezwungen, darauf hinzuweisen, dass weder eine Garantie noch die juristische Verantwortung oder irgendeine Haftung für Folgen, die auf fehlerhafte oder unvollständige Angaben zurückgehen von mir übernommen werden kann. Für die Mitteilung eventueller Fehler bin ich jederzeit dankbar.

Dieses Werk ist lizenziert unter einer Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 3.0 Österreich Lizenz.

markusoppitz@gmail.com