Wie bereits eingangs geschrieben wurde, besteht HTML aus Tags, die die Befehle darstellen und jeweils geöffnet und wieder geschlossen werden und dazwischen befindet sich der Inhalt. Es spielt dabei keine Rolle, ob der Hauptbereich der Seite (body-Tag), eine Tabelle (table-Tag) oder ein Absatz (p-Tag) zur Diskussion steht - das Prinzip ist stets das gleiche.
Man kann mit diesen Tags daher genau festlegen, wo man etwa eine Überschrift oder eine Zwischenüberschrift haben möchte oder wo sich die jeweiligen Spalten des Inhalts wiederfinden sollten.
Webhosting mit viel Software bei Alfahosting (Affiliate-Link)
Die Beispiele zeigen, wie in HTML gearbeitet wird. Da HTML eine Beschreibungssprache ist, wird nicht mit Variablen gearbeitet, die bestimmte Werte haben, es wird nicht gerechnet, es gibt keine Schleifen, sondern man beschreibt, was wohin kommt und wie auszusehen hat.
Mit dieser an sich sehr einfachen Technik kann eine komplette Webseite mit 500 Unterseiten auch gestaltet werden, aber in der Praxis wird sich das niemand antun, weil HTML nicht dynamisch arbeiten kann. Das bedeutet konkret, dass man für jede neue Seite die Navigation per Hand auf jeder Unterseite nachbessern müsste, um die neue Seite überhaupt erreichen zu können. HTML ist daher nur für kleine Projekte wirklich denkbar, beispielsweise kleine private Seiten oder über ein Hobby und Ähnliches mehr. Aber selbst dafür gibt es elegante Blog-Pakete wie Wordpress, basierend auf einer Kombination von Beschreibung (HTML), Programmierung (PHP) und Datenbank (MySQLi).
Große Projekte wird man mit PHP und Datenbank realisieren, werden oft aber durch ein Content Management System (CMS), das fix fertige Vorlagen anbietet, umgesetzt. Ein solches Beispiel ist auch dann Wordpress, das ein komplettes Blogsystem gratis anbietet. Nur stellt sich in der Praxis heraus, dass ein wenig Kenntnis von HTML-Programmierung doch gut wäre, wenn die Vorlagen verändert werden sollen.
Denn auch in so komplexen Lösungen wie Wordpress stolpert man wieder über HTML-Code. Die Basis jeder Wordpress-Seite (egal ob Startseite oder Unterseite bzw. Artikelseite) ist eine reine HTML-Seite. Will man die Spalten tauschen, muss man wissen, welche Befehle geändert werden müssen.
Webhosting bei Alfahosting - jetzt gratis testen! (Affiliate-Link)
Und dort findet man wieder die Tags, wie sie oben im Beispiel demonstrativ gezeigt wurden. Wichtig ist dabei die Schreibweise. Man sieht bei den Beispielen, dass sie mit <> eröffnet bzw. geöffnet werden und mit </> geschlossen werden. Der Schrägstrich teilt dem Browser mit, dass der Tag nun wieder abgeschlossen wird. Die Reihenfolge ist dabei wichtig, denn in der Reihenfolge, wie die Tags geöffnet werden, müssen sie auch wieder geschlossen werden, andernfalls gibt es Darstellungsfehler.
Des weiteren sind viele Tags erweiterbar, das heißt, dass bestimmte Parameter wie Höhe oder Breite angeführt werden können.
Die Einführung in die Beschreibungssprache HTML beginnt damit, dass man verstehen muss, wie die Tags eingesetzt werden, die den Befehlsatz darstellen. Es braucht ein Grundgerüst für jede Seite mit der Deklaration, unter welchen Spielregeln man arbeiten möchte und mit welchem Zeichensatz man die Seite aufbaut.
Jede Seite sollte über einen Kopfteil verfügen und über den eigentlichen Inhalt mit dem body-Tag, in dem sich Text, Bilder und Videos befinden. Im Kopfteil gibt es die Meta-Tags mit Grundeinstellungen für die Suchmaschinen, den Titel der Seite sowie auch die Links zu den CSS-Dateien.
Außerdem sollte man das Grundverständnis haben, warum die alte Methode mit direkten HTML-Formatierungen nicht so gut ist wie die moderne mit der CSS-Datei als externe Formatierungsquelle.
Themenseiten
Artikel-Thema: HTML-Tags: die Befehle des HTML
Beschreibung: Die 🌍 HTML-Tags sind die Befehle in HTML, um für eine ✅ Webseite die Elemente so zu platzieren, wie man sie später auch tatsächlich angeordnet haben will.
Grundlagen
HTML-Grundlagen
CSS-Grundlagen
Javascript-Grundlagen
PHP-Grundlagen
MySQL-Grundlagen
SEO-Grundlagen
Infos, Tipps, Vermarktung
Webdesign-Lexikon
Online-Werbung
PHP-Codeschnipsel
Praxisartikel