Hey!

Willkommen in der Webentwicklung! Hier lernst du die Grundlagen von HTML, dem Skelett aller Websites. HTML ist eine Auszeichnungssprache, weshalb im Gegensatz zu einer Programmiersprache hier nicht 'programmiert', sondern der grundlegende Aufbau einer Seite definiert wird.

Bevor wir beginnen...

In diesem Kurs lernst du sowohl die Grundlagen von HTML, als auch einige fortgeschrittene Anwendungsmöglichkeiten. Bevor du loslegst, brauchst du aber noch einige Informationen.

Aufbau

Am besten bearbeitest du die Lektionen auf einem grossen Bildschirm. Dann siehst du links eine Liste mit sämtlichen Lektionen, welche in diesem Kurs enthalten sind.

Wenn du trotzdem lieber auf einem kleinen Bildschirm arbeitest, siehst du jeweils oben auf jeder Seite den Namen des Kurses und am rechten Rand ein Hamburgericon. Wenn du auf dieses Icon klickst, erscheint ebenfalls eine Liste mit allen Lektionen.

Zu oberst einer Lektion wirst du meist eine Aufzählung mit einigen Punkten finden. Diese fassen das Wichtigste der Lektion zusammen, daher musst du diese Punkte nicht schon verstehen, wenn du sie zum ersten Mal liest.

Editor

Hin und wieder wirst du auf Codeeditoren treffen. Diese werden dann jeweils ungefähr so aussehen:

Im dunklen Teil des Fensters links kannst du etwas reinschreiben. Das Resultat deiner Eingabe siehst du dann auf der rechten Seite. Dieses Beispiel war natürlich noch nicht sehr spektakulär, spannend wird es erst, wenn wir HTML reinschreiben. Aber dazu später mehr.

Link oben, über dem Textfeld, kannst du einstellen, ob der Editor, das Resultat oder beides angezeigt werden soll. Auf einem kleinen Bildschirm ist nur eine Ansicht auf einmal möglich.

Rechts daneben siehst du erneut ein Hamburgericon. Damit kannst du das Menu öffnen, wo dir folgende Möglichkeiten zur Verfügung stehen:

• Deine Eingabe auf den Ausgangszustand zurücksetzen
• Die Lösung der Aufgabe anzeigen
• Die Eingabe formatieren

Ausserdem funktionieren die gängigen Tastaturbefehle im Editor. Neben Copy / Paste sind unter anderem diese Tastenbefehle verfügbar:

• Ctrl + Z um deine Eingabe rückgängig zu machen
• Ctrl + Shift + Z um die Eingabe wiederherzustellen