HTML Tutorials und Übungen
Auf dieser verlinkten Seite
https://www.w3schools.com/html/ findet man verschiedene Tutorials und Übungen.
Hier sind die Übungen von der gleichen Seite: https://www.w3schools.com/html/exercise.asp?filename=exercise_html_basic1 . Man kann sich ebenfalls die Richtigen Antworten zu den Aufgaben anschauen.
Auf dieser Seite kann man einen HTML Quelltext eingeben und sich eine Vorschau ansehen wie alles auf einer Website aussehen würde: https://www.inf-schule.de/kids/datennetze/html/tags Auf dieser Seite ist ein Text schon vorhanden, jedoch kann man den Text wegmachen damit man einen eigenen Quelltext eingeben kann.
Es gibt viele großartige Ressourcen und Plattformen, auf denen du HTML üben kannst. Hier sind einige empfehlenswerte Optionen:
- Online-Code-Editoren:
- CodePen: Eine beliebte Plattform, auf der du HTML, CSS und JavaScript in Echtzeit schreiben und sofort die Ergebnisse sehen kannst.
- JSFiddle: Ähnlich wie CodePen, bietet JSFiddle eine einfache Möglichkeit, HTML, CSS und JavaScript zu testen und zu teilen.
- JS Bin: Ein weiteres Online-Tool, das Echtzeit-Feedback für HTML, CSS und JavaScript bietet.
- CodeSandbox: Neben HTML bietet CodeSandbox Unterstützung für eine Vielzahl von Webentwicklungstechnologien und -frameworks.
- Interaktive Lernplattformen:
- freeCodeCamp: Bietet interaktive Kurse und Projekte, um HTML, CSS und JavaScript zu lernen und zu üben.
- Codecademy: Hat einen interaktiven HTML-Kurs, bei dem du das Gelernte sofort anwenden kannst.
- Khan Academy: Bietet Kurse und Übungen zu HTML und Webentwicklung.
- Downloads und lokale Editoren:
- Visual Studio Code: Ein sehr leistungsfähiger Code-Editor, den du lokal installieren kannst, um HTML und andere Programmiersprachen zu schreiben und zu testen.
- Sublime Text: Ein weiterer beliebter Code-Editor für lokale Entwicklungsarbeiten.
- Interaktive Spiele und Herausforderungen:
- Flexbox Froggy: Ein Spiel, bei dem du CSS Flexbox-Eigenschaften verwendest, um Frösche auf die richtigen Seerosenblätter zu bringen.
- Grid Garden: Ein Spiel, bei dem du CSS Grid-Eigenschaften verwendest, um deinen Karotten beim Wachsen zu helfen.
Diese Ressourcen bieten verschiedene Möglichkeiten, HTML zu lernen und zu üben, je nach deinem Lernstil und deinen Vorlieben.