HTML: Unterschied zwischen den Versionen
Zeile 55: | Zeile 55: | ||
<h6>Überschrift 6</h6> | <h6>Überschrift 6</h6> | ||
</source> | </source> | ||
<h1>Überschrift 1</h1> | |||
<h2>Überschrift 2</h2> | |||
<h3>Überschrift 3</h3> | |||
<h4>Überschrift 4</h4> | |||
<h5>Überschrift 5</h5> | |||
<h6>Überschrift 6</h6> | |||
=== Text === | === Text === |
Version vom 20. September 2009, 19:27 Uhr
<yambe:breadcrumb>Hypermedia|Hypermedia</yambe:breadcrumb>
HTML steht für Hypertext Markup Language und ist im Grunde keine Programmiersprache, sondern eine Auszeichnungssprache. Dies bedeutet, dass Dokumentinhalte mit sogenannten "Tags" beschrieben werden. Bei diesen "Tags" gibt es eine Vielzahl an Möglichkeiten, Dokumentinhalte zu beschreiben. |
Grundkonzepte der Hypertext Markup Language
Im Vergleich zu einem herkömmlichen Desktop-Publishing-Programm sind den Gestaltungsmöglichkeiten im W3 noch gewisse Grenzen gesetzt. Die Entwicklung und Normung von HTML ist aber einem steten Erweiterungsprozess unterworfen, wobei neben dem aktuellen Standard HTML 4.01 bzw. xHTML 1.0 von einzelnen Client-Entwicklern vom Standard abweichende Zusatzfeatures implementiert werden. Mit einer weitgehenden Unterstützung der durch das W3C bereits standardisierten CSS-2 ist dadurch echte Seitengestaltung bei Web-Seiten möglich.
Genau betrachtet, müsste es eigentlich Hypermedia Markup Language heißen, da viele Dokumente im W3 hypermedial, mit eingebetteten Grafiken, Links auf Videos, Animation, Sound und dynamischen Inhalten gestaltet sind. Ein weiterer oft benutzter Ausdruck ist Dynamic-HTML (DHMTL). Dabei handelt es sich aber um keine neue Sprachversion oder einen Standard, sondern um eine marketingorientierte Bezeichnung der großen Browserhersteller. Gemeint sind damit die Möglichkeiten, dynamische Inhalte in einfachen HTML-Codes einzubinden. Mit der Abkehr von proprietären Entwicklungen und der zunehmenden Unterstützung des gesamten HTML-Sprachumfanges, von Stylesheets, standardisierten Skripting bzw. Programmiersprachen in aktuelle Webbrowser ist das Schlagwort DHMTL als Mittel zur Produktdifferenzierung jedoch in den Hintergrund geraten.
W3C
Das World Wide Web Consortium (kurz: W3C) ist das Gremium zur Standardisierung der das World Wide Web betreffenden Techniken. Es wurde 1994 gegründet. Gründer und Vorsitzender des W3C ist Tim Berners Lee, der auch als der Erfinder des World Wide Web bekannt ist. Standardisierte Techniken sind HTML XML CSS und so weiter.
HTML Code
Grundgerüst
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
Titel der Webseite
</title>
<!-- Evtl. weitere Kopfinformationen -->
</head>
<body>
Inhalt der Webseite
</body>
</html>
Überschrift
Im eigentlichen Textteil <BODY> gibt es wesentlich mehr Möglichkeiten, Tags einzusetzen. Überschriften können in sechs verschiedenen Größen definiert werden, wobei die Festlegung der Schriftart und Größe für die einzelnen <Hx>-Tags an den W3-Clients eingestellt werden kann. Die Syntax lautet <Hx>text </Hx>, wobei x eine Zahl zwischen 1 und 6 ist und die Über¬schriften-Ebene definiert.
<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<h3>Überschrift 3</h3>
<h4>Überschrift 4</h4>
<h5>Überschrift 5</h5>
<h6>Überschrift 6</h6>
Überschrift 1
Überschrift 2
Überschrift 3
Überschrift 4
Überschrift 5
Überschrift 6
Text
Umlaute und Sonderzeichen werden durch spezielle Codes in der Form von &xxx; darge-stellt und von den meisten HTML-Editoren automatisch kon¬vertiert. Die entspre¬chenden Werte können aus Tabellen entnommen werden.
Zeilenschaltungen (CR) werden von W3-Clients ignoriert, d. h. der Text wird der Fenstergröße des Clients entsprechend umgebrochen. Um einen erzwungenen Zeilenumbruch durchzuführen, wird der Tag <BR> verwendet. Der Tag <P> Paragraf hat eine ähnliche Funktion, jedoch wird eine Leerzeile zusätzlich hinzugefügt.
Um Textteile durch ein horizontale Linie zu trennen, wird der <HR> Tag eingesetzt. Zur Zeichenformatierung werden sogenannte Stil-Tags eingesetzt, deren wichtigste folgende sind:
<EM> einfache Hervorhebung (Emphasize)</EM>
<STRONG> starke Hervorhebung </STRONG>
<B> Fettdruck (Bold) </B>
<I> Kursiv (Italics) </I>
Um einen Text genauso darzustellen, wie er eingegeben wurde, inklusive aller Leerzeichen, Zeilenschaltungen, Tabulatoren etc. wird der <PRE> (preformated) Tag verwendet.
Auflistung
Grafiken
Verweise
Tabellen
Literatur
Quellen