Hypertext Markup Language

Zum Forum
Passwort vergessen? Noch keinen Account?

lexikon

Hauptseite

Zufälliger Artikel

Diskussion

Diskussion : Hypertext Markup Language

Links

Forum

Portale

Reisen

Versicherung

Inhaltsverzeichnis

Hauptmenü

Home

Bildung

Wissen

--------------------------

Reisen

Lexikon

Versicherung

Suchen

News

Treffpunkt

Chat

Forum

Suche

Schnellsuche

Sitemap

Kontakt

Impressum

Hypertext Markup Language

Stichpunkte

Allgemein
	Die Hypertext Markup Language (HTML) ist ein Dokumentenformat zur Auszeichnung von Hypertext im World Wide Web und wurde 1989 von Tim Berners-Lee am CERN in Genf festgelegt
	die zur Definition von Auszeichnungssprachen verwendet wird
	Sie basiert dabei auf der Metasprache SGML
	HTML ist also eine Auszeichnungssprache zur Beschreibung von Informationen in Hypertexten
	Auch wenn sich Ã¤ltere HTML-Versionen dafÃ¼r verwenden lassen
	geht es in HTML nicht um die optische Gestaltung eines Textes
	Vielmehr lassen sich einzelnen Textbereichen Bedeutungen zuordnen (z. B. Ãœberschrift)
	Fettschrift oder eine auffÃ¤llige Farbe realisiert wird
	kann aber mit Hilfe von CSS beeinflusst werden
	Ob ein bestimmter Textbereich durch Kursiv-
	ist zweitrangig und dem Webbrowser Ã¼berlassen
	Mittlerweile wurde die letzte Version des HTML-Standards (HTML 4.01) in der Metasprache XML neu formuliert
	Das daraus entstandene XHTML 1.0 genÃ¼gt den im Vergleich zu SGML strengeren syntaktischen Regeln von XML
	Transitional und Frameset
	siehe unten) semantisch mit der jeweils entsprechenden DTD-Variante von HTML 4.01 identisch
	ist aber in seinen drei DTD-Varianten (Strict
	"Verbergen") 1 Ãœberblick 2 Versionen 3 HTML-Struktur 3.1 Allgemeine Struktur 3.2 HTML-Kopf 3.3 HTML-KÃ¶rper 4 DTD-Varianten 4.1 Strict 4.2 Transitional 4.3 Frameset 5 Falsche Interpretation von Webdokumenten 6 Sprachtyp 7 Weiterentwicklungen 8 HTML lernen 9 Referenz-Literatur 10 Siehe auch 11 Weblinks [Bearbeiten]
	der eine zusÃ¤tzliche Modularisierung der Elemente einfÃ¼hrt. Inhaltsverzeichnis showTocToggle("Anzeigen"
	Aktuell liegt der XHTML-Standard in der Version 1.1 vor
Ãœberblick
	die zum Verweis auf andere Textstellen oder auf ein anderes Dokument dienen
	Namensgebend sind die Hypertext-Elemente
	Zur Adressierung anderer Dokumente im Internet werden innerhalb des Dokumentes Hyperlinks verwendet
	Dies ist die Grundlage fÃ¼r das WWW
	Die Programme
	werden Webbrowser genannt
	die die Struktur und den logischen Aufbau des Dokuments interpretieren und als formatierte Webseiten (eventuell mit Interaktionselementen wie Links oder Formularen) darstellen
	Dem Text wird durch Auszeichnung (engl. markup) von Textteilen mit in der Regel paarweisen (Ã¶ffnenden und schlieÃŸenden) Tags eine Struktur verliehen
	Die jeweils zusammengehÃ¶renden Tags bilden ein Element
	<br> die hier fortgesetzt wird. <img src="E-Mail-Button.jpg" alt="E-Mail" title="Schreiben Sie mir eine E-Mail!"> (Anmerkungen: zur Ãœbersicht sind die Attribute umbrochen worden
	wie etwa ZeilenumbrÃ¼che oder Bilder: Eine Textzeile
	die in einer Dokumenttypdefinition (DTD) angegeben sind
	dies ist nicht nÃ¶tig
	verschachteln: <p>Ein Textabsatz
	aber erlaubt
	der ein <em>betontes</em> Wort enthÃ¤lt.</p> Neben Elementen mit Start- und End-Tag gibt es auch leere Elemente
	Diese Elemente lassen sich nach Regeln
	deren ReprÃ¤sentation von der Umgebung abhÃ¤ngig ist
	sondern eine strukturgebende Auszeichnung
	er mÃ¼sse beispielsweise bis zum Auftreten des Endtags alles in Fettschrift setzen
	die dem interpretierenden Webbrowser mitteilen
	Aufeinanderfolgende ZeilenumbrÃ¼che und/oder Leerzeichen entsprechen im HTML-Quellcode einem Leerzeichen.) Dabei sind diese Tags keine PrÃ¤sentations-Befehle (obwohl das in Zeiten von HTML 3.2 so war)
	Obwohl HTML-Dokumente in der Regel auf Computerbildschirmen dargestellt werden
	etwa auf Papier oder als Sprachausgabe
	kann man sie auch auf anderen Medien ausgeben lassen
	Auf die PrÃ¤sentation in verschiedenen Medien sollte mit HTML kein Einfluss genommen werden
	dazu eignet sich CSS vorzÃ¼glich
	width
	die tatsÃ¤chlich der Textauszeichnung dienen
	<font>...</font>
	Daher sollten Elemente und Attribute zur PrÃ¤sentation wie <i>...</i>
	... vermieden werden und stattdessen nur solche verwendet werden
	<em>...</em> oder <h1>Dies ist eine Ãœberschrift</h1>
	wie etwa <p>...</p>
	Die meisten der PrÃ¤sentations-Elemente und -Attribute wurden in der HTML4-Spezifikation als missbilligt (engl. deprecated) markiert. In XHTML wurden einige Elemente geÃ¤ndert
	damit sie der XML-Syntax entsprechen
	Dies betrifft alle leeren Elemente
	wie beispielsweise br oder hr
	also solche
	die keinen Text umschlieÃŸen
	Diese werden nach den Regeln der Tag-Minimierung geschrieben als <br/> beziehungsweise <hr/>
	sollte zur besseren AbwÃ¤rtskompatibilitÃ¤t ein zusÃ¤tzliches Leerzeichen eingefÃ¼gt und das Element wie folgt geschrieben werden: <br />
	Da einige Ã¤ltere Browser jedoch Probleme mit dieser Darstellung haben
	AuÃŸerdem sind alle Element-Bezeichner sowie Attribut-Bezeichner klein zu schreiben
	Leeren Attributen (z.B. nowrap) muss ein Wert zugewiesen werden (z
	B. nowrap="nowrap"). [Bearbeiten]
Versionen
	HTML 0.0 (3
	die sich nur an Text orientierte
	November 1992): Die Urversion
	HTML 1.0 (30
	April 1993): Zu Text kommen neben Attributen wie fette oder kursive Darstellung auch die Bildintegration dazu
	HTML 2.0 (November 1995): Die mit der RFC 1866 definierte Version fÃ¼hrt u.a
	Formulartechnik ein
	Der Status dieses Standards ist â€žHISTORICâ€?
	Auch die VorgÃ¤nger sind veraltet
	weil sie mit der EinfÃ¼hrung des Netscape-Browsers in der Version 3 bereits vor der VerÃ¶ffentlichung obsolet ist
	HTML 3.0: Die Version erscheint nicht
	HTML 3.2 (14
	Januar 1997): Neu in dieser Version sind zahllose Feature wie Tabellen
	TextfluÃŸ um Bilder
	Einbindung von Applets
	HTML 4.0 (18
	Dezember 1997): Mit dieser Version werden auch Style Sheets
	Skripte und Frames eingefÃ¼hrt
	Auch eine Trennung in â€žstrictâ€?
	â€žframesetâ€? und â€žtransitionalâ€? erfolgt
	Am 24
	April 1998 erscheint eine leicht korrigierte Version dieses Standards
	HTML 4.01 (24
	Dezember 1999): Ersetzt HTML 4.0 mit vielen
	kleineren Korrekturen
	Es ist die letzte HTML-Version
	XHTML 1.0 (26
	Januar 2000): Eine Neuformulierung von HTML 4.01 mit Hilfe von XML
	Am 1
	August 2002 erscheint eine Ã¼berarbeitete Version
	XHTML 1.1 (31
	Mai 2001): XHTML wird in Module aufgeteilt
	es bleibt die strikte Version
	Die mit HTML 4 eingefÃ¼hrten Varianten â€žframesetâ€? und â€žtransitionalâ€? entfallen
	Erste Versuche der Modularisierung erschienen bereits am 19
	Dezember 2000 mit XHTML Basic. [Bearbeiten]
HTML-Struktur
	[Bearbeiten]
Allgemeine Struktur
	z
	Ein HTML-Dokument besteht aus drei Bereichen: der Doctype-Deklaration ganz am Anfang der Datei
	die die verwendete DTD angibt
	dem HTML-Kopf (HEAD)
	die nicht direkt im Browser sichtbar sind und dem HTML-KÃ¶rper (BODY)
	der hauptsÃ¤chlich technische oder dokumentarische Informationen enthÃ¤lt
	der anzuzeigende Informationen enthÃ¤lt. Somit sieht die Grundstruktur einer Webseite wie folgt aus: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Titel der Webseite</title> </head> <body> Inhalt der Webseite </body> </html> [Bearbeiten]
	B. â€žHTML 4.01 Strictâ€œ
HTML-Kopf
	der im Browserfenster sowie oft in Suchmaschinen angezeigt wird. meta kann vielfÃ¤ltige Metadaten enthalten
	Im Kopf kÃ¶nnen sieben verschiedene Elemente angewandt werden: title bezeichnet den Titel der Seite
	Siehe Meta-Tags. base gibt entweder eine Basis-URI an oder einen Basisframe. link dient zur Angabe von logischen Beziehungen zu anderen Ressourcen
	Am hÃ¤ufigsten zur Einbindung von Stylesheets benutzt. script bindet Code in einer bestimmten Skriptsprache ein
	hauptsÃ¤chlich JavaScript. style beinhaltet CSS-Regeln direkt im Dokument. object bindet eine externe Datei ein
	Browser dÃ¼rfen solche Objekte im Dokumentkopf nicht darstellen. [Bearbeiten]
HTML-KÃ¶rper
	Eine HauptÃ¼berschrift wird so ausgezeichnet: <h1>HauptÃ¼berschrift</h1> h1 steht fÃ¼r Heading 1
	Diese Auszeichnung wird nun als HauptÃ¼berschrift interpretiert
	Weiter mÃ¶glich sind h2 bis h6
	Ãœberschriften zweiter bis sechster Ordnung
	mit denen sich die Gliederung einer Seite verdeutlichen lÃ¤sst
	Die PrÃ¤sentation dieser Ãœberschriften ist von ihrer strukturierenden Bedeutung unabhÃ¤ngig und kann mit CSS beeinflusst werden
	Auf keinen Fall sollte man die Ãœberschrift-Elemente zur VergrÃ¶ÃŸerung von Text missbrauchen
	Suchmaschinen-Roboter messen Ãœberschriften eine hÃ¶here Relevanz zu als normalem FlieÃŸtext
	Hyperlinks: <a href="http://www.example.com/">Gehe zu example.com</a> Hier wird auf die Ressource http://www.example.com/ verwiesen
	Der Text Gehe zu example.com wird dabei als Link dargestellt
	dass der Text auch einem Sehbehinderten vorgelesen oder als Brailleschrift ausgegeben werden kann
	Die logische Beschreibung der Struktur des Textes vereinfacht es zum Beispiel
	Auch fÃ¼r Suchmaschinen ist das von Vorteil
	um HTML-Dateien mÃ¶glichst sinnentnehmend auszuwerten
	Zur Logik stehen zum Beispiel die Elemente strong und em bereit
	mit denen sich stark hervorgehobener oder betonter Text auszeichnen lÃ¤sst
	Zur visuellen Kenntlichmachung empfiehlt sich die Verwendung der beiden CSS-Regeln strong { font-weight: bold } em { font-style: italic } die fÃ¼r den Inhalt von strong-Elementen und em-Elementen die PrÃ¤sentation in Fettschrift bzw
	Kursiv-Schrift empfehlen. [Bearbeiten]
DTD-Varianten
	Rechnung getragen
	dass in viele Webdokumenten noch prÃ¤sentationsbehaftete Elemente und Attribute eingesetzt werden
	aber auch eine stilistisch saubere DTD angeboten werden
	Beim Entwurf der letzten HTML-Version 4 sollte der Tatsache
	Das Ergebnis waren schlieÃŸlich drei Varianten: [Bearbeiten]
Strict
	Diese DTD-Variante umfasst den Kernbestand an Elementen und Attributen
	height und target
	center und u sowie die Attribute bgcolor
	Es fehlen die meisten Elemente und Attribute zur Beeinflussung der PrÃ¤sentation
	unter anderem die Elemente font
	width
	Dessen Rolle sollen in Strict-Dokument Stylesheets Ã¼bernehmen
	form
	blockquote und noscript mÃ¼ssen sich grundsÃ¤tzlich innerhalb eines Container-Elements befinden
	Text und nicht-blockbildende Elemente innerhalb der Elemente body
	zum Beispiel in einem p-Element. [Bearbeiten]
Transitional
	die noch Ã¤ltere Elemente und Attribute enthÃ¤lt
	die auch physisches Markup ermÃ¶glichen
	Die Variante
	dass bestehende nicht standardkonforme Webseiten weitherhin durch aktuelle Webbrowser angezeigt werden kÃ¶nnen. [Bearbeiten]
	die noch nicht auf Trennung von Textauszeichnung und PrÃ¤sentation umgestellt haben
	standardkonformes HTML zu schreiben und soll sicherstellen
	die MÃ¶glichkeit gegeben werden
	Durch diese DTD soll auch Webautoren
Frameset
	Diese Variante enthÃ¤lt zusÃ¤tzlich zu allen Elementen der Transitional-Variante noch die Elemente fÃ¼r die Erzeugung von Framesets
	Bei der Verwendung sollte man sich aber an der Strict-Variante orientieren. [Bearbeiten]
Falsche Interpretation von Webdokumenten
	was fÃ¼r Webautoren Mehrarbeit bedeutet
	Einige stark verbreitete Browser folgen bei der Auswertung von HTML-Codes nicht ganz dem Standard
	dass eine Anpassung von HTML-Dokumenten an die Gegebenheiten auf der Leserseite durchaus von Vorteil und auch gewollt ist
	Hierbei ist zwar zu beachten
	aber hÃ¤ufig kommt es auch zu wirklichen Fehlinterpretationen
	dass ein Webdokument unter allen UmstÃ¤nden zumindest grundlegend zugÃ¤nglich und nutzbar ist
	Durch die wohlÃ¼berlegte Verwendung von strukturierendem und logischem HTML kann gewÃ¤hrleistet werden
	um damit eine anspruchsvolle Gestaltung zu realisieren
	Heutzutage ist die UnterstÃ¼tzung der CSS ausreichend gut
	ist gutmÃ¼tig und lÃ¤sst so manchen Fehler durchgehen
	welchen Rechnung zu tragen ist
	hat jedoch in CSS-Belangen einige Defizite
	Der am weitesten verbreitete Webbrowser
	der Internet Explorer
	Mozilla Firefox
	...)
	der KHTML-Engine (Safari
	tolerieren Codefehler jedoch weniger. [Bearbeiten]
	Netscape Navigator
	Die Neuentwicklungen auf Basis der Gecko-Engine (Mozilla
	Konqueror) sowie aus dem Hause Opera haben hier am wenigsten Probleme
Sprachtyp
	sondern Text strukturell und logisch ausgezeichnet wird
	da keine Seiten beschrieben werden
	HTML ist keine Seitenbeschreibungssprache wie etwa Postscript
	HTML ist eine Auszeichnungssprache und wird als solche auch nicht programmiert â€“ HTML wird schlicht geschrieben
	Ein Ã¤hnliches Konzept (logische Beschreibung) wie hinter HTML steht hinter dem Satzsystem TeX/LaTeX
	das im Unterschied zu HTML jedoch auf die Ausgabe per Drucker auf Papier zielt. [Bearbeiten]
Weiterentwicklungen
	die sich (fast nur) mit der Gestaltung des Dokuments befassen
	Im Laufe der Jahre ist HTML um Elemente erweitert worden
	was der ursprÃ¼nglichen Idee der SystemunabhÃ¤ngigkeit entgegen lief
	Seiten dynamisch zu verÃ¤ndern
	z
	Dazu gehÃ¶ren die MÃ¶glichkeiten
	B. mittels JavaScript
	Man spricht dann von DHTML (Dynamic HTML)
	gab es erhebliche Probleme mit der Interpretation der Elemente zwischen den verschiedenen Browsern
	Da diese MÃ¶glichkeiten von den Browser-Herstellern (allen voran Microsoft und Netscape) entwickelt wurden
	weswegen es heutzutage problemlos mÃ¶glich ist
	Konqueror/Safari) das W3C-DOM
	Mozilla/Netscape
	Mittlerweile interpretieren aber alle verbreiteten Browser (IE
	in allen Browsern lauffÃ¤hige Skripte zu schreiben
	Opera
	Ausnahmen bilden lediglich Textbrowser wie z
	BL
	ynx sowie Nischenprodukte wie ArachneE
	s gibt jedoch noch immer Differenzen bei der UnterstÃ¼tzung der Standards wie CSS oder DOM und daher ist es nach wie vor sinnvoll
	Webseiten trotz formeller Fehlerfreiheit mit Browsern verschiedener Anbieter zu testen. Eine RÃ¼ckbesinnung auf die Trennung von Inhalt (Struktur) und Layout wurde durch die Definition der Cascading Style Sheets (CSS) vorgenommenS
	o soll das Aussehen des Dokuments in einer separaten Datei (dem sogS
	tyle Sheet) festgelegt werdenD
	z.B. von Sehbehinderten) anzupassenD
	ies ermÃ¶glicht es viel besser das Layout an das AusgabegerÃ¤t (oder spezielle BedÃ¼rfnisse
	iese Vorgabe wird allerdings nicht konsequent umgesetztA
	ein selbstbeschreibendes Datenmodell eingesetztD
	ls zukÃ¼nftiges universelles Format wird zunehmend XML (eXtensible Markup Langugage)
	die jedoch per DTD (Document Type Definition) sehr restriktiv eingesetzt werden kÃ¶nnenZ
	ieses arbeitet ebenfalls mit Tags
	eine Style-Sheet-Sprache zur Transformation z.B. nach XHTML. 1992: Erste Version von HTML Weblink (http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/MarkUp.html) 1993: HTML+ (nicht verabschiedet) Weblink zu den geplanten Erweiterungen (http://www.w3.org/MarkUp/htmlplus_paper/htmlplus.html) 1995: HTML 3.0 (nicht verabschiedet) Weblink zum Entwurf (http://www.w3.org/MarkUp/html3/CoverPage.html) Jan1
	ur Umwandlung von in XML gehaltenen Daten in die entsprechenden â€žAnzeigeformateâ€œ kann XSL verwendet werden
	997: HTML 3.2 Weblink zur Spezifikation (http://www.w3.org/TR/REC-html32) Dez1
	999: HTML 4.01 Weblink zur Spezifikation (http://www.w3.org/TR/html401/) (Weblink zur deutschen Ãœbersetzung (http://www.edition-w3.de/TR/1999/REC-html401-19991224/)) [Bearbeiten]
HTML lernen
	allerdings produzieren diese Editoren hÃ¤ufig einen HTML-Code
	SELFHTML ist ein deutschsprachiges und sehr umfangreiches Projekt
	der die optischen Vorstellungen widerspiegelt
	um HTML richtig zu verstehen und voll auszunutzen. FÃ¼r schnelle Arbeiten mag die Arbeit in einem grafischen (so genannten) WYSIWYG-Editor zunÃ¤chst genÃ¼gen
	das fÃ¼r viele Themen rund um HTML Referenzmaterial bietet. Die LektÃ¼re einer modernen linearen EinfÃ¼hrung (siehe Weblinks) und die Handarbeit direkt in einem Texteditor ist empfehlenswert
	die dem Text erst einen echten Mehrwert geben
	Strukturelle und logische Informationen
	lassen sich nur einsetzen
	wenn man HTML hinreichend gut verstanden hat
	Hinzu kommt
	was die Darstellung des Dokuments von der Fehlertoleranz des Webbrowsers abhÃ¤ngig macht
	dass diese Editoren gelegentlich ungÃ¼ltiges HTML produzieren
	Professionelle Webgestalter verwenden visuelle HTML-Editoren daher hÃ¤ufig nur
	um das GrundgerÃ¼st von Webseiten zu erstellen und optimieren den Code danach manuell. [Bearbeiten]
Referenz-Literatur
	CSS & Co - Die W3C-Spezifikationen fÃ¼r das Web-Publishing (http://www.edition-w3c.de/#Buecher)
	Stefan Mintert (http://www.mintert.com/) (Hrsg.): XHTML
	ISBN 3827318726
	Addison-Wesley
	MÃ¼nchen
	Erscheint im Rahmen der <edition W3C.de> (http://www.edition-w3c.de/). [Bearbeiten]
Siehe auch
	XHTML
	DHTML JavaScript CSS MHTML (MIME HTML) HTML-Webtemplates Web Accessibility Initiative HTML-Editor [Bearbeiten]
Weblinks
	3.2 (http://www.w3.org/TR/REC-html32)
	4.0 (http://www.w3.org/TR/1998/REC-html40-19980424/)
	4.01 (http://www.w3.org/TR/html4/) RFC 2854: The 'text/html' Media Type edition W3C.de (http://www.edition-w3c.de/) Die W3C-Spezifikationen in deutscher Ãœbersetzung und Kommentierung W3C-Validator zur ÃœberprÃ¼fung auf syntaktische Richtigkeit eines HTML-Dokuments (http://validator.w3.org/) (englisch) Checkliste fÃ¼r Webstandards (http://www.lingo4u.de/article/checklist/) SELFHTML (http://www.selfhtml.org/) AusfÃ¼hrliches Tutorial und Dokumentation
	Einige Notizen zum Ursprung von HTML (http://www.w3.org/MarkUp/historical) (englisch) WebprÃ¤senz des Standardisierungsgremiums W3C (http://www.w3.org/MarkUp/) (englisch) HTML-Standards: 2.0 (http://www.w3.org/TR/WD-html2/)
	auf Deutsch
	FranzÃ¶sisch und Spanisch PlanetHTML.de (http://www.planetHTML.de/) AnfÃ¤ngerfreundiche HTML- und Webdesign-Tutorials (deutsch) HTMLWiki (http://www.htmlwiki.de/) Ein Wiki Ã¼ber HTML und Webauthoring (deutsch) Newsgroup de.comm.infosystems.www.authoring.misc (news://de.comm.infosystems.www.authoring.misc/) Liste mit Anleitungen zum Erstellen von HTML-Seiten (http://dmoz.org/World/Deutsch/Computer/Datenformate/Markup_Languages/HTML/) beim Open Directory Project Html-Tipps (http://www.schmager.de/) Vorlage:WikiReader Internet ar:HTML bg:HTML bs:HTML ca:HTML cs:HTML da:Hypertext Markup Language en:HTML eo:HTML es:HTML et:HTML fi:HTML fr:Hypertext markup language fy:HTML he:HTML hr:HTML hu:HTML ia:HTML id:HTML is:HTML it:HTML ja:Hypertext Markup Language ko:HTML nl:HyperText Markup Language no:HTML pl:HTML pt:Hyper Text Markup Language ro:HTML ru:HTML simple:HTML sr:HTML sv:HTML tr:Hiper Metin Ä°ÅŸaret Dili uk:HTML vi:HTML yi:×”×˜×ž×œ zh:HTML

[X] Schliessen

Dieser Artikel basiert auf dem Artikel Hypertext Markup Language aus der freien Enzyklopädie wikipedia und steht unter der GNU Lizenz für freie Dokumentation. In der wikipedia ist eine Liste der Autoren verfügbar.

Hypertext Transfer Protocol Hauptstadt Hardware Http HÃ¶lloch Hugo Sinzheimer Hitler

[ Zurück ]

Inhalt Lexikon:

Allgemein

Ãœberblick

Versionen

HTML-Struktur

Allgemeine Struktur

HTML-Kopf

HTML-KÃ¶rper

DTD-Varianten

Strict

Transitional

Frameset

Falsche Interpretation von Webdokumenten

Sprachtyp

Weiterentwicklungen

HTML lernen

Referenz-Literatur

Siehe auch

Weblinks