HTML

HTML bestimmt den strukturellen Aufbau einer Internetseite.

Tutorials

• Webseitengestaltung am Beispiel einer Schreinerei
• HTML5
  • Grundgerüst

Elemente

Dokumentstruktur

• html, head, body

Kopfdaten

• title, meta, link, style, base
• script, noscript

Seitenstrukturierung

• body, header, nav, aside, main, section, article, footer, address
• h1, h2, h3, h4, h5, h6 (Überschriften)

Textstrukturierung

• h1, h2, h3, h4, h5, h6 (Überschriften)
• p, pre, blockquote, figure, figcaption
• ol, ul, dl, li, dt, dd (Listen)
• hr
• div

Textauszeichnung

• a (Verweise)
• b, em, i, kbd, mark, s, small, strong, sub, sup, u
• cite, q (Zitate)
• dfn, abbr
• code, var, samp
• time
• ruby, rt, rp
• bdi, bdo
• br, wbr (Zeilenumbrüche)
• del, ins (Änderungsmarkierungen)
• span

Links (Verweise)

• a
• map, area

Tabellen

• table
• caption
• col, colgroup
• thead, tbody, tfoot
• tr
• th, td

Multimedia und Grafiken

• img, picture, map, area,
• canvas, svg, math
• iframe, embed, object, param
• audio, video, source, track

Formulare

• form, fieldset, legend, label, datalist
• input, button, select, optgroup, option, textarea, keygen
• output, progress, meter

Interaktive Elemente

• details, summary
• dialog
• menu, menuitem, command

Web Components

• custom elements
• Shadow DOM
• slot
• template

Besondere Attribute

• Universalattribute
• Eventhandler

Allgemeines

• Allgemeine Regeln
  • Textauszeichnung
    • Semantik
    • Guter HTML-Stil
  • Grundgerüst einer HTML-Datei

• Links und Verweise
  • Referenzieren in HTML
  • Seiteninterne Verweise
  • Gestaltung mit CSS

• Trennung von Inhalt, Präsentation und Verhalten
• Kategorien von HTML-Elementen
• Struktur eines HTML-Dokuments - outline
• Frames
• Linkliste (auf viele nützliche und informative externe Seiten)

Referenz

• Elementreferenz
• Attributreferenz
• Zeichenreferenz

• alle Elemente in alphabetischer Reihenfolge