Deutsch
Magyar
English
HTML steht für HyperText Markup Language und ist die standardisierte Auszeichnungssprache für die Entwicklung von Websites. Dies ist ein grundlegender und unverzichtbarer Schritt bei der Webentwicklung. Er verdeutlicht den Aufbau und die Struktur von Websites. Der Begriff „HyperText“ bezieht sich auf den Ausdruck „Text im Text“. Der Text enthält einen Link. Wenn Sie auf einen Link klicken, der zu einer neuen Website führt, haben Sie auf Hypertext geklickt. Dies ist eine Methode, zwei oder mehr Websites (HTML-Dokumente) miteinander zu verknüpfen. Eine Auszeichnungssprache ist eine Computersprache, die dazu dient, das Layout, die Darstellung und die Formatierungskonventionen eines Textdokuments festzulegen. Diese Sprache macht den Text dynamischer. Sie können den Text in Tabellen, Bilder und Links umwandeln.
Eine Website ist ein Dokument, das in der Sprache HTML verfasst ist und dessen Darstellung vom Webbrowser übernommen wird. Eine Website lässt sich durch die Angabe einer URL identifizieren. Es gibt zwei Arten von Websites: das statische Webdesign und das dynamische Webdesign. Statische Websites können mithilfe von Webseiten-Baukästen erstellt werden.
HTML enthält eine Reihe von Elementen, die mit dem Browser kommunizieren, um den Inhalt darzustellen. Diese Elemente fügen Inhaltselemente ein, wie beispielsweise „Dies ist eine Überschrift“, „Dies ist ein Absatz“, „Dies ist ein Link“ und andere. Die zugehörigen Tags können ein Wort oder ein Bild in einen Hyperlink zu einer anderen Seite verwandeln, Wörter kursiv hervorheben oder die Schriftgröße entsprechend vergrößern oder verkleinern. Das Weglassen des schließenden Tags ist ein häufiger Anfängerfehler und kann zu unterschiedlichen Ergebnissen führen.
Zwei Arten von HTML-Elementen
Strukturelemente
Dies sind die HTML-Elemente, die den Inhalt einer Website strukturieren. Strukturelemente wie <div> und <span> werden vom System als blockbasierter Inhalt (Inhalt, der die gesamte Breite seines „Containers“ oder der Seite einnimmt) betrachtet, im Gegensatz zu zeilenbasiertem Inhalt (Inhalt, der nur den Abstand zwischen seinen Tags einnimmt). Während Elemente wie <header> den Inhalt der Kopfzeile einer Seite enthalten, umfasst <footer> den Inhalt der Fußzeile.
Meta-Elemente
Dabei handelt es sich um HTML-Elemente, die für Nutzer beim Aufrufen einer Website nicht sichtbar sind, dem Webbrowser jedoch zusätzliche Informationen über die Website liefern, beispielsweise den Autor des Dokuments, Schlüsselwörter, Uhrzeit und Datum der letzten Änderung usw. Sie werden in erster Linie für ein offizielles Protokoll verwendet, das auf der Seite des SEO-Anbieters geführt wird, oder um die Website für Suchmaschinenergebnisse zu optimieren, sodass sie in der Google-Suche erscheint, wenn jemand nach einem Stichwort sucht, das mit der Website in Zusammenhang steht.
Attribute werden im öffnenden Tag angegeben. Sie bestehen aus dem Namen des Attributs, einem Gleichheitszeichen und einem Wert in doppelten Anführungszeichen. Dabei handelt es sich um Anweisungen, die in HTML-Tags eingebettet werden können und zusätzliche Informationen zu den Elementen liefern. Beispiel: <p align="right">Das ist mein Absatz!</p> Ein HTML-Element, beispielsweise ein Absatz, kann ein Attribut zur Ausrichtung (links, zentriert oder rechts) enthalten.
Der HTML-Code kann als einfaches HTML-Textdokument in jedem Texteditor oder Textverarbeitungsprogramm verfasst werden, was von grundlegender Bedeutung ist, und wird schließlich als HTML-Datei mit der Endung .html gespeichert. Außer einem Standardcomputer ist keine spezielle Hardware erforderlich. Diese .html-Dateien bilden anschließend die Grundlage für die einzelnen Seiten einer Website und werden mithilfe des als Webhosting bekannten Verfahrens digital als aktive Website bereitgestellt. Webbrowser, die HTML-Seiten verarbeiten, sind in der Lage, die Tags und den Text zu interpretieren und ermöglichen so die Darstellung des Endergebnisses auf den Bildschirmen der Besucher.
Es sind weitaus mehr Programmiersprachen und Techniken erforderlich, um über statische Websites hinaus effektive Ergebnisse zu erzielen (beispielsweise Dienste wie interaktive Formulare, animierte Grafiken und Foto-Diashows).