🌐

Einführung in HTML für Anfänger

Mar 26, 2025

View transcript

Einführung in HTML

Ziel des Videos

  • Einführung in HTML für komplette Anfänger
  • Ziel: Erste einfache Internetseite mit HTML erstellen

Grundlagen von HTML

  • HTML (Hypertext Markup Language) ist keine Programmiersprache, sondern eine Markup-Sprache
  • 94,6% aller Internetseiten verwenden HTML
  • HTML stellt Informationen dar wie Überschriften, Absätze, Bilder

Beziehung zu CSS und JavaScript

  • HTML: Definiert Informationen auf der Seite
  • CSS: Bestimmt das Aussehen der Elemente
  • JavaScript: Fügt Logik und Interaktivität hinzu

Software-Setup

  • Keine zusätzliche Software nötig
  • Windows: Editor nutzen
  • Mac: TextEdit nutzen
    • Einstellung: Format > Make Plain Text

Erste HTML-Seite erstellen

  1. Öffnen eines einfachen Texteditors (Editor oder TextEdit)
  2. Text eingeben und als index.html speichern
  3. Datei mit einem Webbrowser öffnen

HTML-Tags einführen

  • Zeilenumbruch: <br>
  • Link erstellen: <a href="http://example.com">Linktext</a>
  • Überschriften: <h1>, <h2>, etc.
  • Bild einfügen: <img src="bild.jpg" width="200">

Weitere wichtige HTML-Tags

  • HTML-Grundstruktur: <!DOCTYPE html>, <html>, <body>
  • Head-Bereich: <head><title>Seitenname</title></head>

Tipps zum Experimentieren

  • Verwenden von <h3>, <h4> für Unterkategorien
  • Suche nach HTML-Tags online (z.B. <video>)
  • W3Schools als Ressource für HTML-Tags

Weitere Schritte

  • Nach HTML: Lernen von CSS und JavaScript
  • Eigene Projekte: Erstellen einer persönlichen Internetseite oder eines Lebenslaufs

Abschluss

  • Motivation zur Umsetzung des Gelernten in eigenen Projekten
  • Verweise auf weiterführende Videos und Tutorials auf dem Kanal

Full transcript