Was ist HTML?

HTML steht für HyperText Markup Language. Es handelt sich um eine Programmiersprache, mit der WWW-Dokumente erstellt werden. Schriftart, Schriftgröße, Textformatierungen, Darstellung von Bildelementen, Farbdefinitionen, Links u.a. lassen sich so beschreiben. HTML ist ein internationaler Standard und wird ständig weiterentwickelt.

HTML Dokumente sind plattformunabhängig, d.h. sie können sowohl von einem Windows-PC als auch von einem Linux- oder Macintosh-PC dargestellt werden.

Adressen von HTML-Dokumenten fangen mit http:// an, dem Protokoll zur Darstellung von HTML-Dokumenten, und enden mit dem Dateityp .html bzw. .htm.

Schauen Sie sich einmal die Windows-Hilfe an, um zu sehen wie HTML funktioniert. Über markierte Texte oder Bildelemente gelangen Sie per Mausklick an eine Stelle innerhalb der Windows-Hilfe, an der Sie nähere Informationen zu einem Thema erhalten.

Auch dieser Text, den Sie mit Hilfe eines Internet-Browsers lesen, ist in HTML verfasst. Wenn Sie sich mit Hilfe des Browsers den Quelltext einer HTML-Seite anzeigen lassen oder eine solche Datei mit einem ganz normalen Text-Editor öffnen, sehen Sie HTML pur. Der Quelltext enthält Steuersymbole, auch Tags genannt, die in spitzen Klammern stehen. Einige Spezialisten schreiben HTML-Dokumente direkt im Quelltext. Das ist doch aber eher die Ausnahme, denn es gibt heutzutage professionelle Webeditoren, mit deren Hilfe Sie auf relativ komfortable Art und Weise solche Seiten erstellen können.

Was kann HTML?

Hier sehen Sie einige Beispiele mit dem dazugehörenden Quelltext:

Darstellung im Browser-Fenster

Darstellung im Quelltext

Wenn Sie die rechtsstehenden Zeilen mit Hilfe eines Editors eintippen und als Textdatei testseite.htm speichern, stellt der Browser diese Seite mit 'Hallo' und der Titelzeile 'HTML-Testseite' dar.

<HTML>
<HEAD><TITLE>HTML-Testseite</TITLE></HEAD>
<BODY>Hallo</BODY>
</HTML>

Textausrichtung:

linksbündig,

zentriert,

rechtsbündig

<P ALIGN="left">linksb&uuml;ndig,</P>
<P ALIGN="center">zentriert,</P>
<P ALIGN="right">rechtsb&uuml;ndig</P>

Textformatierung:

normal
fett
kursiv
unterstrichen
~~durchgestrichen~~
^hochgestellt_tiefgestellt

normal
<B>fett</B>
<I>kursiv</I>
<U>unterstrichen</U>
<STRIKE>durchgestrichen</STRIKE>
<SUP>hochgestellt</SUP>
<SUB>tiefgestellt</SUB>

proportionale Schrift:

1-fach verkleinert
normal
1-fach vergrößert
2-fach vergrößert

<FONT SIZE=-1>1-fach verkleinert</FONT> 
normal 
<FONT SIZE=+1>1-fach
vergr&ouml;&szlig;ert</FONT> 
<FONT SIZE=+2>2-fach
vergr&ouml;&szlig;ert</FONT>

Schrift mit fester Zeichenbreite:

1-fach verkleinert
normal
1-fach vergrößert
2-fach vergrößert

<PRE><FONT SIZE=-1>1-fach
verkleinert</FONT></PRE>
<PRE>normal</PRE>
<PRE><FONT SIZE=+1>1-fach
vergr&ouml;&szlig;ert</FONT></PRE> 
<PRE><FONT SIZE=+2>2-fach
vergr&ouml;&szlig;ert</FONT></PRE>

Ersetzen von Sonderzeichen:

ÄäÖöÜüß%&

&Auml; &auml; &Ouml; &ouml; &Uuml;
&uuml; &szlig; &amp; &sect;

6 unterschiedliche Überschriften:

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

<H1>&Uuml;berschrift 1</H1>
<H2>&Uuml;berschrift 2</H2>
<H3>&Uuml;berschrift 3</H3>
<H4>&Uuml;berschrift 4</H4>
<H5>&Uuml;berschrift 5</H5>
<H6>&Uuml;berschrift 6</H6>

Textfarben

Mehrere Farben des Textes

<FONT COLOR="#008000">Mehrere</FONT> 
<FONT COLOR="#800000">Farben</FONT>
<FONT COLOR="#000080">des</FONT>
<FONT COLOR="#FF00FF">Textes</FONT>

Einfügen von Bildern:

Bilder können in den Text eingefügt werden bzw. links, zentriert oder rechts angeordnet werden.

Dabei wird im Quelltext auf die Bilddatei verwiesen, die der Browser darstellt.

Bilder <IMG BORDER="0" SRC="auge.gif"
WIDTH="40" HEIGHT="30"> k&ouml;nnen
in den Text eingef&uuml;gt werden bzw.
links, zentriert oder rechts angeordnet
werden.

Darstellen von Tabellen

Tabelle	Spalte 1	Spalte 2
Zeile 1	Wert 1.1	Wert 1.2
Zeile 2	Wert 2.1	Wert 2.2

<TABLE>
<TR><TD>Tabelle</TD>
    <TD>Spalte 1</TD>
    <TD>Spalte 2</TD></TR>
<TR><TD>Zeile 1</TD>
    <TD>Wert 1.1</TD>
    <TD>Wert 1.2</TD></TR>
<TR><TD>Zeile 2</TD>
    <TD>Wert 2.1</TD>
    <TD>Wert 2.2</TD></TR>
</TABLE>

Für weiterführende Informationen zu HTML und anderen Webtechnologien wie CSS, XML, JavaScript, Perl und PHP informieren Sie sich bei SELFHTML des Autors Stefan Münz.