Diesen Tipp in Originalversion zeigen.
1. Der Einstieg
Was ist HTML?
Die Abkürzung HTML steht für "Hypertext Markup Language", dies heißt auf Deutsch so viel wie "Hypertext Auszeichnungssprache".
Dabei handelt es sich um eine "Auszeichnungssprache" für Webdokumente, welche die Struktur und Objekte definiert (bzw. beschreibt).
Es ist somit keine funktionale Programmiersprache wie beispielsweise PHP, womit Berechnungen, usw... durchgeführt werden können.
HTML beschreibt das Aussehen einer Website, beispielsweise die Positionen eines Linkes (ein Verweis auf eine andere Internetseite) oder die Farbe des Textes. HTML wird auf Englisch geschrieben.
Was kann ich mit HTML machen?
Wie schon erwähnt ist HTML eine reine "Auszeichnungssprache", d. h. dynamische Elemente wie Variablen, bewegte Links, und Ähnliches kann mit reinem HTML nicht realisiert werden.
Dazu sind dann z. B. JavaScript- oder PHP-Kentnisse erforderlich, welche jedoch wiederum HTML als Grundkentnisse vorraussetzen.
Welche Anschaffungen muss ich machen um HTML programmieren zu können?
Gar keine. Sie brauchen lediglich einen beliebigen Texteditor (wie z. B. Notepad), welcher bei jedem Betriebssystem schon mitgeliefert ist.
Denn HTML-Dateien bestehen aus ganz normalen Buchstaben, die jeder beliebige Texteditor lesen und auch bearbeiten kann. Es sind somit keine Anschaffungen zu tätigen.
1.Die Syntax
Die Grundsyntax
HTML stammt ursprünglich von einer Sprache namens SGML (Standard Generalized Markup Language) ab, welche die Vorgabe für
andere Sprachen festlegt. Eine HTML-Datei besteht aus sogenannten Tags (bereits vorgegebene Namen, um Objekte darzustellen, z. B. Links oder Bilder), welche wiederum Attribute (Eigenschaften) enthalten.
Tags werden immer mit dem Kleiner-als-Zeichen ( < ) eingeleitet, anschließend folgt der Name des Tags und zum Schluss wird der Tag mit dem Größer-als-Zeichen ( > ) abgeschlossen.
Die Tags müssen, nachdem sie geöffnet wurden, wieder geschlossen werden. Dazu kommt, wo er geschlossen werden soll, vor den Namen des Tags ein Slash ( / ).
Tipp: Merken Sie sich zuerst einmal, dass alle Tags, die geöffnet werden, auch wieder geschlossen werden müssen, zu Ausnahmen kommen wir später noch.
<tag>
Text
</tag>
> Listing 1.1: Beispiel für einen Tag
Zwischen der Öffnung und der Schließung des Tags kommt dann der Inhalt des Tags.
Attribute kommen nach den einleitenden Anfang des Tags und werden durch ein Leerzeichen voneinander getrennt.
Man weist ihnen durch den Gleichheits-Operator ( = ) einen Wert, der in Anführungszeichen ( " ) gesetzt wird, zu.
Die Reihenfolge der Attribute in einem Tag kann beliebig sein. Es können im Code beliebig viele Zeilenumbrüche gemacht bzw. weggelassen werden.
<tag attribut="wert">
Text
</tag>
> Listing 1.2: Beispiel für einen Tag mit Attribut
Die HTML-Grundstruktur
Die HTML-Grundstruktur ist eine Vorraussetzung bei allen HTML-Dokumenten und sollte immer zuerst geschrieben werden.
Sie fängt mit dem Tag <html> an, der zuerst die HTML-Seite einleitet. Anschließend kommt zwischen den <html>-Tag der <head>-Tag, welcher den Kopf einleitet.
In den <head>-Tag kommt alles Unsichtbare (wie die Gedanken), z. B. Informationen für Suchmaschinen.
In den <html>-Tag kommt außerdem auch noch der <body>-Tag, er ist sozusagen der Körper und hierein kommt alles Sichtbare, alles was der Benutzer sehen soll. Merken Sie sich die HTML-Grundstruktur sehr gut!
<html>
<head>
</head>
<body>
</body>
</html>
> Listing 1.3: HTML-Grundstruktur
Der Dokumenttyp
Da es im Internet neben HTML noch weitere "Auszeichnungssprachen", teilweise auch in verschiedenen Versionen gibt, ist es empfehlenswert, dass Sie einen Dokumenttyp einbinden.
Der Dokumenttyp wird noch vor dem "<html>"-Einleitungstag eingebunden, sodass der Browser erkennen kann, wie er mit den folgenden Informationen in der Datei umgehen muss.
Verwenden Sie vorläufig den folgenden Dokumenttyp, die genaueren Einzelheiten hierzu werden Ihnen später noch vermittelt.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
</body>
</html>
> Listing 1.4: HTML-Grundstruktur mit Dokumenttyp
Weiter zu Teil 2 (Textformatierung) > (as)
Copyright (c) 2002-2005 by Andreas Schroth
URL: www.computer-tipps.net/webdesign55.html