HTML: Unterschied zwischen den Versionen

Aus ahrensburg.city
Zur Navigation springen Zur Suche springen
Zum nächsten Versionsunterschied →
// via Wikitext Extension for VSCode
 
// via Wikitext Extension for VSCode
Zeile 1: Zeile 1:
== Einführung in HTML ==
== Lernplan für HTML5 und HTML ==
HTML (HyperText Markup Language) ist die Standard-Auszeichnungssprache für Dokumente, die im Web angezeigt werden sollen. HTML beschreibt die Struktur einer Webseite und besteht aus einer Reihe von Elementen, die durch Tags dargestellt werden.


== Grundlegende HTML-Struktur ==
=== Einführung ===
Ein HTML-Dokument hat eine grundlegende Struktur, die aus den folgenden Teilen besteht: Doctype-Deklaration, HTML-Tag, Kopfbereich und Körperbereich.
* Was ist HTML?
* Geschichte von HTML
* Unterschiede zwischen HTML und HTML5


== Textformatierung ==
=== Grundlegende HTML-Struktur ===
HTML bietet verschiedene Tags zur Textformatierung, wie z.B. für fetten, kursiven und unterstrichenen Text.
* <!DOCTYPE html>
* <html>, <head>, <body>
* Meta-Tags und ihre Bedeutung


== Links und Bilder ==
=== Textformatierung ===
Links und Bilder sind wesentliche Bestandteile einer Webseite. Links werden mit dem <code>&lt;a&gt;</code>-Tag erstellt und Bilder mit dem <code>&lt;img&gt;</code>-Tag eingefügt.
* Überschriften (<h1> bis <h6>)
* Absätze (<p>)
* Textformatierung (<b>, <i>, <u>, <strong>, <em>)


== Listen ==
=== Links und Bilder ===
HTML unterstützt geordnete und ungeordnete Listen, die mit den Tags <code>&lt;ul&gt;</code> und <code>&lt;ol&gt;</code> erstellt werden.
* Hyperlinks (<a>)
* Bilder einfügen (<img>)
* Alt-Text für Bilder


== Tabellen ==
=== Listen ===
Tabellen werden mit dem <code>&lt;table&gt;</code>-Tag erstellt und enthalten Zeilen und Zellen, die mit <code>&lt;tr&gt;</code> und <code>&lt;td&gt;</code> definiert werden.
* Ungeordnete Listen (<ul>, <li>)
* Geordnete Listen (<ol>, <li>)
* Verschachtelte Listen


== Formulare ==
=== Tabellen ===
Formulare ermöglichen die Eingabe von Daten durch den Benutzer und werden mit dem <code>&lt;form&gt;</code>-Tag erstellt.
* Grundlegende Tabellenstruktur (<table>, <tr>, <td>)
* Tabellenüberschriften (<th>)
* Tabellenrahmen und -abstände


== Multimedia ==
=== Formulare ===
HTML unterstützt die Einbindung von Multimedia-Inhalten wie Audio und Video, die mit den Tags <code>&lt;audio&gt;</code> und <code>&lt;video&gt;</code> eingefügt werden.
* Formularelemente (<form>, <input>, <textarea>, <button>)
* Formularattribute (action, method)
* Verschiedene Eingabetypen (text, password, email, etc.)


== HTML5-Neuerungen ==
=== Multimedia ===
HTML5 bringt viele neue Elemente und APIs mit sich, wie <code>&lt;article&gt;</code>, <code>&lt;section&gt;</code>, <code>&lt;canvas&gt;</code> und <code>&lt;video&gt;</code>.
* Einbetten von Videos (<video>)
* Einbetten von Audio (<audio>)
* Verwendung von <source> für verschiedene Formate


== Best Practices ==
=== Semantische HTML5-Tags ===
Einige Best Practices für HTML umfassen die Verwendung semantischer Tags, die Validierung des HTML-Codes und die Optimierung der Webseiten-Performance.
* Bedeutung und Verwendung von <header>, <footer>, <article>, <section>, <nav>, <aside>
* Vorteile semantischer Tags für SEO und Barrierefreiheit
 
=== HTML5 APIs ===
* Einführung in HTML5 APIs
* Canvas API
* Geolocation API
* Web Storage API
 
=== Best Practices ===
* Sauberer und valider HTML-Code
* Barrierefreiheit (Accessibility)
* SEO-freundliche HTML-Struktur
 
=== Weiterführende Ressourcen ===
* Offizielle HTML5-Spezifikation
* Online-Tutorials und Kurse
* Bücher und Dokumentationen
 
== Abschluss ==
* Zusammenfassung der wichtigsten Punkte
* Nächste Schritte und weiterführende Lernpfade

Version vom 6. März 2025, 23:55 Uhr

Lernplan für HTML5 und HTML

Einführung

  • Was ist HTML?
  • Geschichte von HTML
  • Unterschiede zwischen HTML und HTML5

Grundlegende HTML-Struktur

  • <!DOCTYPE html>
  • <html>, <head>, <body>
  • Meta-Tags und ihre Bedeutung

Textformatierung

  • Überschriften (

    bis

    )
  • Absätze (

    )

  • Textformatierung (, , , , )

Links und Bilder

  • Hyperlinks (<a>)
  • Bilder einfügen (<img>)
  • Alt-Text für Bilder

Listen

  • Ungeordnete Listen (
      ,
    • )
    • Geordnete Listen (
        ,
      1. )
      2. Verschachtelte Listen

    Tabellen

    • Grundlegende Tabellenstruktur (, ,
      )
    • Tabellenüberschriften (
      		• )
    • Tabellenrahmen und -abstände

      • Formulare

      • Formularelemente (<form>, <input>, <textarea>, <button>)
      • Formularattribute (action, method)
      • Verschiedene Eingabetypen (text, password, email, etc.)

      Multimedia

      • Einbetten von Videos (<video>)
      • Einbetten von Audio (<audio>)
      • Verwendung von <source> für verschiedene Formate

      Semantische HTML5-Tags

      • Bedeutung und Verwendung von <header>, <footer>, <article>, <section>, <nav>, <aside>
      • Vorteile semantischer Tags für SEO und Barrierefreiheit

      HTML5 APIs

      • Einführung in HTML5 APIs
      • Canvas API
      • Geolocation API
      • Web Storage API

      Best Practices

      • Sauberer und valider HTML-Code
      • Barrierefreiheit (Accessibility)
      • SEO-freundliche HTML-Struktur

      Weiterführende Ressourcen

      • Offizielle HTML5-Spezifikation
      • Online-Tutorials und Kurse
      • Bücher und Dokumentationen

      Abschluss

      • Zusammenfassung der wichtigsten Punkte
      • Nächste Schritte und weiterführende Lernpfade
Abgerufen von „https://ahrensburg.city/index.php?title=HTML&oldid=2196“