Hypertext Markup Language Die Sprache des World Wide Web: HTML Hypertext Markup Language Von: Marcus Kossatz 11/3 – Herr Berno
Allgemeines HTML ist die Sprache des Internets, mit ihrer Hilfe werden Webseiten gebaut. HTML ist keine Programmiersprache und ist an sich nicht dynamisch, seine Elemente zeigen also in der Umsetzung auf Webseiten einen festen Text an, der sich mit wenigen Ausnahmen nicht verändert
Geschichte 3.11.1992: HTML (ohne Versionsnummer) wird veröffentlicht, bezieht sich nur auf die Ausgabe von Texten 30.4.1993: HTML (ohne Versionsnummer) integriert Attribute wie kursive oder fette Darstellung von Texten Nov. 1993: HTML+ beinhaltet weiterführende Erweiterungen, kommt aber so in der Form nie auf den Markt Nov. 1995: HTML 2.0 führt u.a. die Formulartechnik ein 14.1.1997: HTML 3.2 bindet Features wie Tabellen, Bilder usw. ein
Geschichte 18.12.1997: HTML 4.0 führt Stylesheets, Skripte und Frames ein 24.12. 1999: HTML 4.01 ersetzt die Version 4.0 mit kleineren Korrekturen und ist die letzte echte HTML-Version 26.1.2000: XHTML 1.0 ist eine Neuformulierung von HTML 4.01 und bindet Elemente der neueren Internetsprache XML mit ein 31.5.2001: XHTML 1.1 entspricht der älteren Version, wird aber strikter definiert Neuste Version: XHTML 2.0 basiert nicht mehr auf HTML und führt zahlreiche neue Tags ein
Begriffe / Erklärungen „Hypertext“ = Verweis auf andere Textstellen „Markup“ = Auszeichnungen/Struktur der Webseiten, in Form von Tags im Quellcode Quellcode: der für den Menschen lesbare und veränderbare Text, der in ablauffähiger Form vom Computer in eine Webseite übersetzt wird Tag: Auszeichnung eines Datenbestandes mit Informationen, beginnt und endet mit eckigen Klammern „<Taginhalt>“ Webbrowser interpretieren die Markups und geben den Quellcode-Inhalt in Form einer Webseite aus
Aufbau eines HTML-Quellcodes Ein HTML-Quellcode ist immer in folgender Form (Baumstruktur der Tags) aufgebaut: <html> eröffnet eine HTML-Seite <head> eröffnet den HTML-Kopf <title>Titel der Seite</title> beinhaltet den Titel der Seite <meta Metatags>…</meta> beinhaltet die Meta-Tags (Suchmaschine) <script Skriptsprache>…</script> enthält die Skript-Sprache der Seite … zahlreiche andere Kopf-Tags </head> schließt den HTML-Kop <body> eröffnet den HTML-Körper … unzählige Inhalte, die auf der Seite dargestellt werden können </body> schließt den HTML-Kopf </html> schließt die HTML-Seite