Inhaltsverzeichnis
Einleitung
Das Internet ist aus unserem Leben nicht mehr wegzudenken und der Webbrowser ist wahrscheinlich die Anwendung, die du am häufigsten verwendest. Mit ihm kannst du deine Lieblings-Websites wie Youtube, Reddit, Twitter oder auch Programmieren-starten besuchen. All diese Websites haben eine große Gemeinsamkeit – sie bauen alle auf HTML auf. HTML ist die Abkürzung für Hypertext Markup Language und ist eine Sprache, mit der Webseiten strukturiert werden können.
HTML Lernen – Was ist HTML?
HTML ist eine Abkürzung für „Hypertext Markup Language“. Im Deutschen könnte man das als „Hypertext Auszeichnungssprache“ übersetzen. Hypertexte sind wiederum nichts anderes als miteinander verlinkte Dokumente. HTML ist also eine Sprache, mit der Webseiten strukturiert werden können.
Jede einzelne Unterseite auf einer Webpräsenz ist vereinfacht gesagt nichts anderes als ein HTML-Dokument, und eine gesamte Webpräsenz besteht eben aus vielen einzelnen HTML-Seiten, die alle miteinander verlinkt sind. Mit HTML wird die Struktur und der Inhalt einer Webseite definiert. Dabei wird der Inhalt in verschiedene Elemente unterteilt, die alle eine bestimmte Bedeutung und Funktion haben.
Warum du HTML Lernen solltest
Wenn du ein Web-Entwickler werden möchtest, solltest du dich also auf jeden Fall zuallererst mit HTML vertraut machen. In dieser Tutorial-Reihe werden wir nun genau das tun. HTML gibt die komplette Struktur der Inhalte der Website vor. Du bestimmst also beispielsweise mit Hilfe von HTML, was eine Überschrift sein soll, welche Texte einen Abschnitt darstellen sollen, welche Bilder eingefügt werden sollen, was ein Link ist und wo dieser hinführt und so weiter.
HTML Lernen ist also der erste Schritt für jeden, der eine Webseite erstellen möchte. Es gibt jedoch auch viele fortgeschrittene Anwendungsmöglichkeiten für HTML, beispielsweise für die Entwicklung von Web-Apps und für die Integration mit anderen Web-Technologien wie JavaScript und CSS.
HTML – keine Programmiersprache
Ich habe HTML jetzt gerade ganz bewusst als Sprache und nicht als Programmiersprache bezeichnet, denn ganz wichtig: HTML ist keine Programmiersprache. Anfänger denken das oft, aber dem ist nicht so. Denn eine Programmiersprache zeichnet sich dadurch aus, dass man eine gewisse Logik implementieren kann. HTML an sich kann dies aber nicht und ist folglich auch keine Programmiersprache.
Das Ziel von HTML
Das Ziel von HTML ist es, die Struktur und den Inhalt einer Webseite zu definieren. Dabei wird der Inhalt in verschiedene Elemente unterteilt, die alle eine bestimmte Bedeutung und Funktion haben. Zum Beispiel gibt es das <h1>-Element, das für die Überschrift auf der Seite verwendet wird, das <p>-Element für Absätze, das <img>-Element für Bilder und so weiter. Diese Elemente werden in HTML-Tags eingeschlossen und können zusätzlich mit Attributen versehen werden, um ihnen weitere Eigenschaften zu geben. Zum Beispiel kann man dem <img>-Element das Attribut src hinzufügen, um den Pfad zum Bild anzugeben, das angezeigt werden soll.
HTML Lernen: Fazit
In den nächsten Teilen dieser Tutorial-Reihe werden wir uns genauer mit der Syntax von HTML, den verschiedenen Elementen und Attributen sowie der Verwendung von CSS zur Gestaltung von Webseiten beschäftigen. Wenn du Interesse hast, eigene Webseiten oder Web-Apps zu programmieren, dann bleib dabei und lass uns gemeinsam loslegen! HTML Lernen ist ein wichtiger erster Schritt, um das Programmieren von Webseiten zu beherrschen.
HTML Lernen – Übung
Erstelle eine einfache Webseite mit HTML, die folgende Elemente enthält:
- Eine Überschrift (h1) mit dem Text „Meine erste Webseite“
- Einen Absatz (p) mit dem Text „Ich lerne HTML bei Frank“
- Eine ungeordnete Liste (ul) mit drei Elementen: „HTML“, „CSS“ und „JavaScript“
- Ein Bild (img) von einer Katze mit dem Quellpfad „https://i.imgur.com/ZG9Wkai.jpg„
Bonus: Verwende CSS, um das Bild in der Mitte der Seite zu zentrieren und den Hintergrund der Webseite auf eine Farbe deiner Wahl zu setzen. Wenn du die Seite fertig hast sende mir die HTML Seite per Telegram an https://t.me/bremercom
Viel Spaß beim Üben!
