HTML Grundlagen

Die Hypertext Markup Language (englisch für Hypertext-Auszeichnungssprache), abgekürzt HTML, ist eine textbasierte Auszeichnungssprache zur Strukturierung digitaler Dokumente wie Texte mit Hyperlinks, Bildern und anderen Inhalten. wikipediahtml

1. Hypertext: über Links verbundenes Netz aus Text-, Bild- und Dateneinheiten, in dem sich die Nutzer je nach Interesse bewegen können
2. Markup: Textauszeichnung -> strukturiert Inhalte eine Dokumentes
3. Language: Sprache -> kann von Menschen und Maschinen gelesen werde

HTML Eigenschaften

• HTML bestimmt den strukturellen Aufbau einer Internetseite.
• HTML verleiht Inhalten eine Bedeutung (Semantik)
• HTML ist fehlertolerant
• HTML wird vom W3C und WHATWG weiterentwickelt
• HTML / HTML5 Elemente

HTML Elemente

Im folgenden werden die HTML Elemente nach ihren grundsätzlichen Eigenschaften strukturiert.

Seiten-Struktur

body, header, nav, aside, main, section, article, footer, address

Text-Struktur

h1, h2, h3, h3, h5, h6

p, blockquote, figure, figcaption

ol, ul, dl, li, dt, dd (Listen)

hr, div

Text-auszeichnung

a (Verweise), b, em, i, small, strong, cite, q (Zitate), code, br,(Zeilenumbrüche), span

HTML Attribute

HTML-Attribute wie src, href und data bringen zusätzliche Informationen in ein HTML-Tag. Ein a-Tag braucht die Zieladresse oder URL zur verlinkten Webseite. Das img-Tag funktioniert nur mit dem Pfad zur Bilddatei.

• HTML-Attribute stehen immer im öffnenden Tag
• Die Werte stehen immer in Hochkommas
• Attribute lassen sich unterteilen in:
  • Globale Attribute: id=“...“, class=“...“, style=“...“
  • Globale Attribute: id=“...“, class=“...“, style=“...“
  • Individuelle Attribute: href=“...“, src=“....“
  • Eigene Attribute: data-...=“..“
  • JavaScript Events Attribute: onmouseover=“....“, ...

Quelle: https://media.giphy.com/media/PiQejEf31116URju4V/giphy.gif