====== HTML - Einführung ======
HTML (Hyper Text Markup Language) ist die Standard Markup Sprache für das Erstellen für Webseiten.
Es beschreibt die Struktur und beinhaltet den Inhalt einer Webseite. Mithilfe von verschiedenen Tags (z.B.: ) wird der Inhalt beschrieben (Überschrift, Paragraph, Link, Bild,...) und der Browser weiß, wie er diesen anzeigen soll.
{{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-142456.png}}
===== Grundgerüst =====
Das Grundgerüst besteht aus einigen wenigen Elementen (Tags) und sieht wie folgt aus:
Page Title
My First Heading
My first paragraph.
==== Erklärung der Elemente ====
* deklariert dieses Dokument als HTML-Dokument
* ist das Wurzelelement einer Webseite
* beinhaltet alle Meta-Informationen der Webseite
* definiert, dass der geschriebene Inhalt im Dokument den Zeichensatz utf-8 verwendet
* beinhaltet den Titel der Seite (Text im Tab)
* <body> definiert den Inhaltsbereich der Webseite und ist gleichzeitig der Container für alle sichtbaren Inhalte (Überschrift, Paragraphen, Titel, Bilder, Links, Tabellen, Listen,...)
* <h1> definiert die größte Überschrift
* <p> definiert einen Paragraphen
==== Was ist ein HTML-Element? ====
Ein HTMl-Element beinhaltet meist einen öffnenden Tag, den Inhalt und ein schließendes Tag.
z.B.:
<code html>
<h1> My First Heading </h1>
<p>My first paragraph.</p>
</code>
Dennoch gibt es immer wieder Ausnahmen, die kein schließendes Tag besitzen.
z.B.:
<code html>
<br>
</code>
{{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-131228.png?500}}
==== HTML Seitenstruktur ====
{{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-131306.png?500}}