HTML ist die Sprache, in der das Web geschrieben ist. Jede Website – vom einfachen Blog bis zur komplexen Web-App – basiert auf HTML. Es ist keine Programmiersprache, sondern eine Auszeichnungssprache, die Struktur und Bedeutung von Inhalten definiert.
HTML besteht aus Tags – Befehlen in spitzen Klammern. Jedes öffnende Tag hat ein schließendes Gegenstück. Dazwischen liegt der Inhalt.
Jede HTML-Seite folgt außerdem einer festen Grundstruktur:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Seitentitel – wird in Google angezeigt</title> </head> <body> <h1>Hauptüberschrift</h1> <p>Das ist ein Absatz mit Text.</p> <a href="/kontakt">Kontakt</a> </body> </html>
Es gibt über 100 HTML-Tags – aber im Alltag braucht man davon nur einen Bruchteil. Diese hier sollte jeder kennen:
Semantisches HTML bedeutet, Tags so einzusetzen, dass sie den Inhalt beschreiben – nicht nur das optische Ergebnis. Google bevorzugt semantisch sauberes HTML, weil es die Seitenstruktur verständlicher macht.
<div class="nav">
<div class="nav-item">
Home
</div>
</div>
<div class="artikel">
<div class="titel">
Headline
</div>
</div><nav>
<a href="/">
Home
</a>
</nav>
<article>
<h1>
Headline
</h1>
</article>Diese Tags im <head> und <body> beeinflussen direkt, wie Google eine Seite bewertet und in den Suchergebnissen darstellt:
Attribute geben Tags zusätzliche Informationen und stehen immer im öffnenden Tag als name="wert"-Paar.
| Attribut | Auf welchem Tag | Wofür |
|---|---|---|
| href | <a> | Ziel-URL des Links |
| src | <img>, <script> | Quelldatei (Bild, Script) |
| alt | <img> | Alternativtext – SEO und Barrierefreiheit |
| class | alle Elemente | CSS-Klasse zuweisen |
| id | alle Elemente | Eindeutiger Bezeichner für Anker und JS |
| target="_blank" | <a> | Link in neuem Tab öffnen |
| rel="nofollow" | <a> | Google anweisen, Link nicht zu verfolgen |
| lang | <html> | Sprache der Seite – wichtig für SEO und Screenreader |
HTML ist die Struktur – es legt fest, was auf der Seite ist. CSS ist das Design – es bestimmt, wie es aussieht. JavaScript ist die Logik – es macht die Seite interaktiv. Zusammen bilden sie das Fundament jeder modernen Website.
Mit WordPress und Elementor nicht zwingend. Aber HTML-Grundkenntnisse helfen enorm bei SEO-Optimierungen, Fehlersuche und individuellem Styling – besonders wenn fertige Templates angepasst werden. Die Grundlagen sind in wenigen Stunden erlernbar.
HTML5 ist seit 2014 der aktuelle Standard. Die wichtigsten Neuerungen: semantische Tags wie <section>, <article> und <nav>, native Video- und Audio-Einbettung ohne Plugins, Canvas-Element für Grafiken und verbesserte Formular-Elemente wie Datums- und E-Mail-Felder.
WordPress generiert HTML automatisch aus dem Inhalt, den du im Editor eingibst. Themes und Page-Builder wie Elementor steuern, welches HTML dabei entsteht. Im Hintergrund läuft immer HTML – WordPress versteckt es nur hinter einer grafischen Oberfläche.
„Absolut kompetente und kreative Jungs bei onlinewachsen.de. So eine reibungslose und gleichzeitig kreative Zusammenarbeit erlebt man wirklich selten. Man merkt sofort, dass hier Profis am Werk sind, die ihr Handwerk verstehen und mitdenken. Würde ich jederzeit wieder machen und kann ich ohne Einschränkung weiterempfehlen. 10/10 – besser geht's wirklich nicht.“