Was ist eigentlich HTML? Und was sind HTML-Tags?

Worum geht´s?

HTML ist die Abkürzung für „Hypertext Markup Language“. Frei übersetzt bedeutet das in etwa „eine Sprache, die die normale Sprache zu einer noch mächtigeren Sprache macht“. Was HTML nicht ist, ist eine Programmiersprache im eigentlichen Sinn. HTML kennt z.B. keine Schleifen oder Variablen. HTML-Tags sind die einzelnen „Wörter“ der Sprache.

Stattdessen kann man sich HTML eher wie eine „Beschreibungs-Sprache“ vorstellen. Als würde man im Museum vor einem Bild stehen und jemandem telefonisch in Worten beschreiben, welche Objekte man auf dem Bild sehen kann.

1. Was sind HTML-Tags?

Eine Webseite besteht im Kern aus einer Anordnung von immer gleichen Elementen, sogenannten HTML-Tags. Diese können z.B. für ein Bild stehen, einen Bereich, eine Überschrift oder auch ein Bild.

Du kannst dir einige HTML-Befehle ansehen, wenn du mit dem Browser eine Webseite aufrufst und dann einen Rechtsklick auf die Seite machst und „Seitenquelltext anzeigen“ auswählst. Hier zum Beispiel der Quellcode von frauenstiftung.at:

HTML-Tags erkennst du daran, dass sie in <>-Klammern stehen und – je nach Browser – eingefärbt sind.

Auf den ersten Blick hast du womöglich keine Ahnung, wie du das jemals lernen sollst. Viel zu verwirrend!

Aber wenn du genauer hinschaust, wirst du erkennen, dass da eigentlich immer die gleichen HTML-Befehle zu finden sind. Dass sich die HTML-Tags im Source-Code wiederholen.

Und das ist der Trick dahinter: Es sind gar nicht so viele verschiedene HTML-Befehle. Vielleicht so um die 30-40.

Traust du dir zu, 30-40 neue Wörter zu erlernen?

Vermutlich schon eher.

2. Wie sind HTML-Tags aufgebaut?

Der Grundaufbau solcher HTML-Tags ist im Großen und Ganzen immer gleich. Es gibt dabei zwei Arten von HTML-Tags:

• „soziale“ HTML-Tags und
• „asoziale“ HTML-Tags

2.1 „Soziale“ HTML-Tags mit öffnendem und schließendem Tag

Viele HTML-Tags bestehen eigentlich aus zwei einzelnen HTML-Tags. Eines davon nennt man das „öffnende“ HTML-Tag, das andere das „schließende“ HTML-Tag. Alles zwischen den beiden erhält die durch das HTML-Tag beschriebene Funktion.

Das schließende HTML-Tag erkennt man dabei an dem /-Schrägstrich vor dem Namen des Tags. Und daran, dass es immer nach dem öffnenden kommt.

Mit dem <b>-Tag und dem </b>-Tag wird z.B. alles dazwischen fett geschrieben. Mit dem h1-Tag wird alles dazwischen zur Überschrift:

Dieser Text wird zum Teil <b>fett</b> geschrieben.
<h1>Alles hier dazwischen ist eine Überschrift</h1>

Im Laufe der Zeit wirst du noch viele soziale HTML-Tags, die jeweils zu zweit vorkommen kennen lernen.

2.2 „Asoziale“ HTML-Tags, die alleine bleiben

Die zweite große Gruppe an HTML-Befehlen sind die „asozialen“ HTML-Tags, die immer alleine stehen.

Sie haben (und brauchen) keine „Freunde“, die das öffnende Tag wieder schließen. Ein Beispiel dafür wäre das <br>-Tag, das einen Zeilenumbruch darstellt:

Erste Zeile<br>
Zweite Zeile

3. Kann man nur mit HTML Webseiten erstellen?

Grundsätzlich ist das möglich, ja. HTML bietet dir alle Elemente, die du dafür brauchst, wie z.B. Bilder, Überschriften und Links.

Nur wird dir das Ergebnis einer nur mit HTML erstellten Webseite vermutlich nicht sehr gefallen.

Nur mit HTML alleine sind deine Gestaltungs-Möglichkeiten nämlich sehr begrenzt. Links sind beispielsweise immer blau und unterstrichen. Deine Webseite ist fast nur schwarz-weiß.

Interessanter wird es dann, sobald du etwas CSS dazu gelernt hast. CSS ist dann zuständig für Farben, Formen, Animationen und all diese schönen Dinge. CSS ist wie HTML dabei eher eine Beschreibungs-Sprache, obwohl es in CSS zumindest auch Variablen gibt.

Wirklich mächtig wirst du dann mit PHP, MySQL und etwas JavaScript dazu. Da fängt der Spaß dann so richtig an, und der Fantasie sind kaum mehr Grenzen gesetzt.

Aber egal, was du sonst noch vor hast: HTML-Tags sind die Grundlage von allem anderen.

Ohne HTML schaut CSS ziemlich alt aus, und PHP/MySQL kann maximal langweilige Fließtexte produzieren. Und die wichtigsten HTML-Befehle hast du auch noch ziemlich schnell erlernt.

Daher ist HTML der ideale Start in die Welt der Web-Programmierung für dich!

4. Wie lange dauert es, HTML zu erlernen?

Das kommt natürlich auch auf dich, deine Zeit und Motivation an. Und wie genau du HTML erlernen willst.

Willst du nur die absoluten Basics, das heißt die ca. 30 häufigsten HTML-Tags erlernen? Das wird dir sehr schnell gelingen. Konkret ist das durchaus in 1-2 Tagen möglich.

Du willst über alles, was HTML5 dir mittlerweile zu bieten hat, Bescheid wissen?

Dafür wirst du wohl etwas länger brauchen. Aber auch das ist in 1-2 Wochen zu schaffen.

Also worauf wartest du noch?

Wir helfen dir gerne – einfach anrufen und Termin vereinbaren!

Diskussion zum Tutorial