HTML

Haupt-Reiter

HTML steht für Hypertext Markup Language. Es handelt sich um eine "Auszeichnungssprache" mit der sich in einem Dokument Texte, Bilder und Links strukturieren lassen. HTML ist keine Programmiersprache, wird nicht "programmiert", sondern einfach "geschrieben". Mit einem Browser lassen sich die Inhalte dann auslesen. So werden sie für die Internet-Surfer entsprechend dargestellt.

Tim Berners-Lee, der "Vater des World Wide Webs" ist auch der Entwickler von HTML und gab damit 1989 einen (ersten) Standard vor. Viele Abermillionen HTML-Dokumente stellen eine Grundlage für das Web. Seit den Anfängen des WWWs wurde HTML stetig weiter entwickelt. Die aktuelle Versionsnummer 4.01 wird in Zukunft durch HTML 5 abgelöst. HTML 5 setzt neue Standards und erlaubt weit mehr als die schlichte Darstellung von Texten, Bildern und Hyperlinks. Darüber hinaus gibt es XHTML (kurz für "Extensible Hypertext Markup Language"). XHTML ist gewissermaßen eine Neuformulierung von HTML in einer strengeren bzw. einfacheren Syntax.

Für die Weiterentwicklung von HTML zeichnet das World Wide Web Consortium (W3C) sowie die Web Hypertext Application Technology Working Group (WHATWG) verantwortlich.

Auszeichnungen mit Tags

Die einzelnen Auszeichnungen in HTML werden in spitze Klammern, die sogenannten "Tags" gesetzt. Bis auf wenige Ausnahmen (z.B. <br> für Umbruch) haben die Auszeichnungsbefehle einen Starttag <starttag> und einen Endtag </endtag>.

Drei Beispiele:

Mit einem <b> für "bold" lässt sich Text fett setzen.
<b>Dieser Text wird im Browser fett aussehen.</b>

Mit <h> für "heading" lässt sich ein Text als Überschrift darstellen. h1 ist die Überschrift 1. Ordnung und damit die größte.
<h1>Dieser Text wird im Browser als große Überschrift angezeigt.</h1>

Für Links wird das Tag-Paar <a href="..."> für "anchor hyper reference" und </a> verwendet.
<a href="http://wir-machen-kinderseiten.de" alt="Wir machen Kinderseiten" title="Wir machen Kinderseiten"> Diese Seite </a>

 

Aufbau und Inhalt eines HTML-Dokuments

Ein typisches HTML-Dokument enthält zunächst die Angabe des Dokumententyps (Doctype), danach folgen der Kopf, "Head" und ein Körper, der "Body". Im Body ist der eigentliche Inhalt des Dokuments enthalten, der dem Surfer beim Browsen angezeigt wird. Im Head sind technische Informationen zu finden sowie Meta-Informationen, die beim Aufrufen der Seite über den Browser für den Surfer nicht sichtbar angezeigt werden. Sie stecken in den Meta-Tags. Sie können z.B. Informationen über den Autor und den Inhalt einer Seite enthalten. Diese Informationen sind z.B. für manche Suchmaschinen hilfreich, die die Seiten in ihren Index aufnehmen.

Beispiele für Metatags:

Meta-Informationen: description = Beschreibungstext
<meta name="description" content="Diese Seite informiert über alle relevanten Themen und Inhalte, die Kinderseitenmacher/innen wissen müssen, um eine gute Seite ins Netz zu stellen.">

Meta-Information: keywords = Eine Wortliste mit Schlüsselwörtern
<meta name="keywords" content="Kinderseite,kinder,jugendschutz,kinderinternetseite">

Tipp: Wer seine Seite mit Meta-Tags für Suchmaschinen optimieren möchte, findet hier Hinweise.

 

HTML-Wissen ist Grundlagenwissen

Obwohl HTML bereits 1989 entwickelt wurde, ist und bleibt es eine wichtige Grundlage für alle, die mit der Erstellung von Webseiten zu tun haben. Die Grundbegriffe von HTML sind einfach und rasch zu erlernen. Sie schaffen gute Voraussetzungen für jeden, der mit Internetseiten zu tun hat.

Texte formatieren, Bilder, Links oder Multimedia einbinden - all das geht unproblematisch mit HTML. Darüber hinaus lassen sich  entsprechende Schnittstellen zu Erweiterungen wie z.B. JavaScript herstellen.

HTML ist eine freie Auszeichnungssprache, die an kein Unternehmen gebunden ist. Selbst in einfachen Texteditoren lassen sich HTML-Dokumente schreiben. Wer mit HTML arbeiten möchte, muss dennoch nicht jeden einzelnen Tag auswendig können. Eine Vielzahl von HTML-Editoren (z.B. Phase 5, Dreamweaver) erzeugen mit wenigen Klicks den entsprechenden Quellcode und erleichtern die Arbeit.

In den Linktipps finden sich Seiten zum Erlernen von HTML sowie zum Nachschlagen einzelner Tags.

Tags: 

Mitmachen beim Wiki

Sie haben eine Ergänzung? Dann gehen Sie auf den Reiter „Bearbeiten“ und schreiben Sie Ihre Information in das Textfeld. Wir freuen uns über Ihre Beteiligung am Wiki!