HTML (HyperText Markup Language) – ist eine Auszeichnungssprache, die zur Erstellung von Webseiten verwendet wird. Sie definiert die Struktur des Dokuments mithilfe von Tags.
Grundlagen von HTML
Ein HTML-Dokument besteht aus Elementen, die von Tags umschlossen sind. Zum Beispiel:
<!DOCTYPE html>
<html>
<head>
<title>Meine erste Seite</title>
</head>
<body>
<h1>Hallo, Welt!</h1>
<p>Dies ist mein erstes HTML-Dokument.</p>
</body>
</html>
Wichtige HTML-Tags
Überschriften
Zur Erstellung von Überschriften verwendet man die Tags <h1> – <h6>:
<h1>Das ist eine Überschrift der Stufe 1</h1>
<h2>Das ist eine Überschrift der Stufe 2</h2>
Absätze
Das Tag <p> wird für Textabsätze verwendet:
<p>Das ist ein normaler Textabsatz.</p>
Links
Zur Erstellung von Hyperlinks verwendet man das Tag <a>:
<a href="https://example.com">Zur Website gehen</a>
Bilder
Um ein Bild einzufügen, verwendet man das Tag <img>:
<img src="image.jpg" alt="Bildbeschreibung">
Listen
Listen können nummeriert (<ol>) oder ungeordnet (<ul>) sein:
<ul>
<li>Erster Punkt</li>
<li>Zweiter Punkt</li>
</ul>
<ol>
<li>Erster Punkt</li>
<li>Zweiter Punkt</li>
</ol>
HTML ist die Grundlage jeder Webseite. Es definiert ihre Struktur, während Stile und Skripte helfen, die Seite funktional zu machen. Wenn Sie gerade erst mit der Webentwicklung beginnen, ist HTML der erste Schritt. Am besten ist es, zu üben.
Wie man die erste Webseite erstellt (offline)
Um eine einfache HTML-Seite zu erstellen und sie im Browser anzuzeigen, führen Sie die folgenden Schritte aus:
- Öffnen Sie einen beliebigen Texteditor (z. B. Notepad, VS Code, Sublime Text).
- Erstellen Sie eine neue Datei und fügen Sie den folgenden Code ein:
<!DOCTYPE html>
<html>
<head>
<title>Offline-Seite</title>
</head>
<body>
<h1>Das ist meine Offline-Seite</h1>
<p>Dieser Text wird in Ihrem Browser ohne Internet angezeigt. Der Browser liest und interpretiert den Code aus Ihrer Datei.</p>
</body>
</html>
- Speichern Sie die Datei mit der Endung
.html, z. B.index.html. - Öffnen Sie den Ordner, in dem die Datei gespeichert ist, und doppelklicken Sie darauf. Sie wird in Ihrem Browser geöffnet.
Wenn Sie alles richtig gemacht haben, sehen Sie den Inhalt Ihrer Datei im Browser.
Genauer gesagt - den interpretierten Inhalt. Sie werden die Tags nicht sehen, sondern das, in was sie interpretiert werden.
Zum Beispiel werden Sie dieses Tag nicht auf der Seite sehen:
<title>Offline-Seite</title>
Sein Inhalt wird in der Browserleiste sichtbar sein (Titel des Tabs oder Fensters).