Einführung

HTML steht für Hypertext Markup Language und ist eine Grundlegende Auszeichnungssprache, zur Erstellung von Webseiten.

Standard Tags

Für einen Grundlegenden Aufbau einer HTML-Webseite werden zunächst einige Standard-Tags benötigt.

<!DOCTYPE html>: Legt den Dokumententyp der Datei fest. <html>: Definiert den Start und das Ende der kompletten Webseite. <head>: Hier können Informationen definiert werden, die für den Benutzer der Webseite nicht zwingend sichtbar sind, aber bspw. dem Browser helfen, die Daten korrekt darzustellen. <body>: Enthält den eigentlichen Inhalt und die Struktur der Webseite.

Bilder (img-Tag)

Um Bilder einzufügen verwendet man den sogenannten <img>-Tag.

Beispiel: Code: <img src="https://www.w3schools.com/images/lamp.jpg" alt="Lamp" height="50" width="50">

Ergebnis:

Notwendige Attribute

src: Gibt die Quelle an, von welcher ein Bild bezogen werden soll.

Optionale Attribute

alt: Gibt einen Alternativtext für das Bild an.
height: Gibt eine Höhe für das Bild an.
width: Gibt eine Breite für das Bild an.

Hyperlinks (a-Tag)

Um Links in einzufügen verwendet man den sogenannten <a>-Tag.

Beispiel: Code: <a href="https://wikipedia.org">Link</a> Ergebnis: Link

Überschriften (h-Tags)

Die <h>-Tags werden meistens für Überschriften genutzt. Dabei gibt es verschiedene Größen. Der <h1>-Tag stellt dabei die größte Größe dar. Zudem gibt es auch noch <h2> und <h3>. Je größer die verwendete Nummer, desto kleiner wird die Überschrift dargestellt.

Beispiel: Code: <h1>Überschrift (h1)</h1> <h2>Überschrift (h2)</h2> <h3>Überschrift (h3)</h3> Ergebnis:

Überschrift (h1)

Überschrift (h2)

Weitere Tags

Es gibt auch weitere Tags, welche zur Formatierung dienen.

Formatierung

Absatz Fett (bold) Kursiv (italic)

Schreibweise

<p>Absatz</p>
<b>Fett (bold)</b>
<i>Kursiv (italic)</i>

1. HTML

Überschrift (h1)

Überschrift (h2)

Überschrift (h2)