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

Hypertext: über Links verbundenes Netz aus Text-, Bild- und Dateneinheiten, in dem sich die Nutzer je nach Interesse bewegen können
Markup: Textauszeichnung -> strukturiert Inhalte eine Dokumentes
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=“....“, ...
Coding
Quelle: https://media.giphy.com/media/PiQejEf31116URju4V/giphy.gif