type here...

Was ist HTML?

Informationstechnologie
Updated:
Thorsten Haushofer
By Thorsten Haushofer

Was ist HTML?

HTML wurde erstmals 1990 von Tim Berners-Lee entwickelt und ist die Abkürzung für Hypertext Markup Language. HTML wird verwendet, um elektronische Dokumente (Seiten genannt) zu erstellen, die im World Wide Web angezeigt werden. Jede Seite enthält eine Reihe von Verbindungen zu anderen Seiten, die als Hyperlinks bezeichnet werden. Jede Webseite, die Sie sehen, wurde mit einer Version von HTML geschrieben.

HTML-Code sorgt für die korrekte Formatierung von Text und Bildern für Ihren Internetbrowser. Ohne HTML wüsste ein Browser nicht, wie er Text als Elemente anzeigen oder Bilder oder andere Elemente laden könnte. HTML stellt auch eine Grundstruktur der Seite bereit, die mit Cascading Style Sheets überlagert wird, um ihr Erscheinungsbild zu ändern. Man könnte sich HTML als die Knochen (Struktur) einer Webseite vorstellen und CSS als ihre Haut (Erscheinungsbild).

Wie sieht ein HTML-Tag aus?

HTML-Tag

Wie im obigen HTML-Tag-Beispiel gezeigt, gibt es nicht viele Komponenten. Die meisten HTML-Tags haben ein öffnendes Tag, das den Tag-Namen, Tag-Attribute, ein schließendes Tag mit einem Schrägstrich und den schließenden Tag-Namen enthält. Bei Tags ohne schließendes Tag wie empfiehlt es sich, das Tag mit einem Schrägstrich zu beenden.

Die meisten Tags sind in spitzen Klammern kleiner als und größer als enthalten, und alles zwischen dem öffnenden und dem schließenden Tag wird angezeigt oder durch das Tag beeinflusst. Im obigen Beispiel erstellt das -Tag einen Link namens „Computer Hope“, der auf die Datei „hope.html“ verweist.

Tipp

Eine vollständige Liste der HTML-Tags finden Sie auf unserer Hilfeseite zu HTML und Webdesign.

Wie sieht HTML aus?

Unten sehen Sie ein Beispiel einer einfachen, in HTML geschriebenen Webseite mit einer Beschreibung jedes Abschnitts und seiner Funktion.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Example page</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 </head>
 <body>
  <h1>This is a heading</h1>
  <p>This is an <b>example</b> of a basic HTML page.</p>
 </body>
</html>

Die obige Box enthält die wichtigsten Zutaten für eine einfache Webseite. Jede der Linien wird unten detaillierter erklärt.

  1. Die DOCTYPE-Zeile beschreibt, in welcher HTML-Version die Seite geschrieben wurde, damit ein Internetbrowser den folgenden Text interpretieren kann.
  2. Das öffnende Tag teilt dem Browser mit, dass er HTML-Code liest.
  3. Der Abschnitt enthält Informationen über die Seite, z. B. den Titel, Meta-Tags und den Speicherort der CSS-Datei.
  4. Der Abschnitt enthält alles, was im Browser sichtbar ist. Beispielsweise ist der gesamte hier angezeigte Text in den Body-Tags enthalten.
  5. Das

    -Tag ist die sichtbare Überschrift der Seite.

  6. Das

    -Tag ist ein Textabsatz. Die meisten Webseiten (wie diese hier) haben mehrere Absatz-Tags.

  7. Im Absatz ist das Tag enthalten, das das Wortbeispiel im Absatz fett formatiert.
  8. Schließlich umschließen die schließenden Tags jedes der oben genannten Tags.

Was ist HTML5?

HTML5 ist das Update von HTML4 auf HTML (XHTML folgt einem anderen Versionsnummerierungsschema). Es verwendet die gleichen Grundregeln wie HTML4, fügt aber einige neue Tags und Attribute hinzu, die eine bessere Semantik und dynamische Elemente ermöglichen, die mit JavaScript aktiviert werden. Zu den neuen Elementen gehören:

,