Wiki: Mathe und Info

Unterrichtsmaterialien für Mathematik und Informatik

Benutzer-Werkzeuge

Webseiten-Werkzeuge


info:sek-i:9:internet:l2-grundlagen

Grundtutorial HTML & CSS

Die Grundlagen von HTML

In dieser Lektion werdet ihr drei Videos anschauen und mit diesen eure erste Website erstellen. Bitte speichert eure Dateien nach dem folgenden Schema ab:


a) Ihr habt in Lektion 1 eine Ordnerstruktur in Visual Studio Code angelegt. Erstellt darin nun einen Ordner "Lektion 2". Hier hinein kommen alle Aufgaben von dieser Lektion.

b) Erstellt pro Aufgabe einen eigenen Ordner. Alle Dateien zu dieser Aufgabe kommen in den entsprechenden Ordner.

c) Macht jeweils die Schritte im Video nach. Erstellt die benötigten Dateien und füllt sie wie im Video mit Inhalt. Die entsprechenden Texte dürft ihr euch natürlich selbst ausdenken.

Aufgabe 1: Meine erste Website

In diesem Video werdet ihr lernen, wie eine HTML-Website grundlegend aufgebaut ist und wie ihr eure erste Website erstellen könnt.

Wir verwenden allerdings einen anderen Editor.

Video von techPunkt
Aufgabe 2: Überschriften, Absätze, Bilder, Listen & Links
Wie kann man eigentlich Texte formatieren? Wie kann man Bilder, Listen und Links erstellen? All das erzählt euch das nächste Video.
Video von techPunkt
Aufgabe 3: Stylesheets
Und ganz wichtig: Wie kann man das Aussehen von verschiedenen Elementen anpassen? Das erklärt euch das letzte Video in dieser Lektion.
Video von techPunkt
info/sek-i/9/internet/l2-grundlagen.txt · Zuletzt geändert: 2021-10-20 10:46 von christian.weber