HTML

Fachbegriffe einfach erklärt

Definition: HTML wurde in den frühen 1990ern entwickelt. HTML ist die Abkürzung für Hypertext Markup Language, eine Auszeichnungssprache im Internet. Zusammen mit CSS und anderen Techniken dient HTML dazu, Webseiten in Webbrowsern anzuzeigen. Dabei ist die Aufgabe des HTML, die Inhalte zu strukturieren. Für das "Design" ist das CSS zuständig. Hier erhalten Sie weitere Informationen.

Neben den Inhalten zeichnet HTML auch die Meta-Informationen im Head einer Webseite aus, wie z. B. den Title-Tag, die Meta-Description, Sprache oder auch Befehle an Suchmaschinen. Im Bereich der Suchmaschinenoptimierung hat HTML daher eine sehr wichtige Funktion.

Inhalt

Warum wurde HTML entwickelt?

HTML schreiben

Video

Warum wurde HTML entwickelt?

Seit 1989 im CERN (Europäische Organisation für Kernforschung) notwendigerweise eine Lösung gesucht wurde, Forschungsergebnisse untereinander auszutauschen, entstand 1992 die erste Version des HTML. Im November 1995 wurde die Version 2.0 veröffentlicht, die u. a. die Formulartechnik eingeführt hat. Am 14. Januar 1997 erschien Version 3.2, seit der es möglich ist, Tabellen und Textfluss um Bilderauszuzeichnen. Ein wichtiger Schritt vorwärts war die Einführung der Version 4.0 am 18. Dezember 1997: Stylesheets, Frames und Skriptewurden eingeführt. Somit konnte der Inhalt strikt vom Design getrennt werden. Dieser Standard hielt sich mit kleinen Korrekturen bis 2014. Zwischenzeitlich kam XHTML ab Januar 2000 in die Browser, wurde dann aber im Oktober 2014 von HTML5, der aktuellen Version, abgelöst.

HMTL schreiben

Hypertext Markup Language kann in allen Texteditoren geschrieben werden. HTML verwendet Tags, also textliche, standardisierte Elemente. Diese Tags kommen im Head und im Body vor. Im Head z. B. der schon oben erwähnte Title-Tag. im Body verwendet man z. B. H-Tags für eine Überschriften-Hierarchie. Hierbei gibt es die Hierarchiestufen H1-H6. Weitere Tags zur Strukturierung sind "p" (Paragraph) für Absätze, "li" für Listen und Formatierungs-Tags wie "strong", "bold" oder "em" (emphasis) für allgemeine Betonungen und Hervorhebungen. Sehr wichtig sind andere Elemente wie das "a-Element" zum Verlinken von anderen Seiten.

Head und Body sind voneinander getrennt, wobei eine typische HTML-Struktur in der ersten Zeile noch beschreibt, um welche Art Dokument mit welcher genauen Auszeichnungssprache es sich handelt. Hier ein Beispiel:

<!DOCTYPE html    PUBLIC "-//W3C//DTD HTML 4.0 
Transitional//DE">
  <html lang="de">
    <head>
      <title>Titel der Seite</title>
    </head>
    <body>
      Inhalt der Seite und Links
    </body>
  </html>

Man beachte hier die Syntax: Tags werden in der Regel paarweise deklariert: durch einen Start-Tag wie <strong> und den passenden End-Tag, also </strong>. Ausnahmen bilden so genannte "selbstschließende" Tags wie "/br" (Zeilenumbruch). Sie benötigen keinen öffnenden Tag. Die Definition wird in der Dokumenttypdefinition (DTD) standardmäßig definiert. Sollten Sie diese Syntax nicht einhalten, könnte es zu Fehlern bei der Darstellung kommen. Wenn Sie Ihren HTML-Code prüfen möchten, bieten viele Seiten im Internet Validatoren an.

Weiterführende Verweise:

https://de.wikipedia.org/wiki/Hypertext_Markup_Language

https://www.html.de/

Eine gute und schön gepflegte Webseite zum Erlernen von HTML (und auch anderen Sprachen) ist SELFHTML.org 

Die folgende Videoserie führt in die Entwicklung mit HTML ein:

Als Internetagentur aus Stuttgart freuen wir uns über Ihr spannendes HTML und weiteren Code. Wenn Sie uns kennenlernen möchten, nehmen Sie bitte Kontakt zu uns auf!

Buchtipps

Themen