Benutzer-Werkzeuge
Dies ist eine alte Version des Dokuments!
Inhaltsverzeichnis
HTML Einführung
HTML steht für Hypertext Markup Language, zu deutsch: Hypertext Auszeichnungssprache. Das heißt, dass für den Anwender vor dem Bildschirm, der darzustellende Text gegliedert und lesbar angeordnet (ausgezeichnet) wird. Dies geschiet mit sogenannten TAGs. Beim TAG handelt es sich um einen oder mehrere Textbefehle, der den Text anordnet, wo er zu stehen hat und wie er zu lesen sein soll. Hintergrund und Tabellen können den Text auf der Webseite zusätzlich gliedern.
Ohne HTML TAGs wird eine Webseite mit weißem Hintergrund und der Text wird oben links in schwarzer Farbe in der HTML-Größe 3 in einer Zeile ohne Absätze dargestellt. Durch HTML lässt sich einiges an der Darstellung der Webseite ändern. Zum Testen einfach einen Editor (Notepad, gedit ect.) öffnen, im geöffneten Textfenster zunächst '<'html'>', dann darunter '<'body'>' jeweils ohne Anführungszeichen eingeben, dann einfach einen einfachen Text (z.B. Lorem Ipsum Text) eingeben, am Ende des Textes mit '<'/body'>' und darunter '<'/html'>', ebenso ohne Anführungszeichen (' ') die Eingabe beenden und z.B. als test.html abspeichern. Die HTML-Datei anschließend mit einem Browser öffnen. So, wie der Text im Browser angezeigt werden würde, würde er auch Online aussehen. Langweilig, fad und unübersichtlich. Unabhängig vom Inhalt. Für Besucher der Webseite schnell ermüdend, zumal der Text auch keine Absätze, Überschriften, Textattribute wie Fett, Kursiv und Unterstrichen enthält.
Wie geht es besser?
Mit HTML Tags. Folgendes HTML Beispiel:
<!DOCTYPE html>
<HTML lang=„de-DE“>
<HEAD>
<TITLE>
Dies ist eine Seite von HTML Arena.
</TITLE>
meta name=„generator“ content=„DokiWiki/“
</HEAD>
<BODY bgcolor=„yellow“>
'<'div align=„center“'>' <h1>Willkommen</h1><br />
zu HTML Arena!'<'/div'>'
</BODY>
</HTML>
Bei Durchführung dieses Codes in einem Editor oder Browser wird es nur eine Webseite gebenmitgelbenHintergrund und in der Mitte oben in Überschriftgröße 'Willkommen' und in einer neuen Zeile in Normalschrift 'zu HTML Arena!'. Mehr nicht. Man sieht, dass man eiiniges an Tags verwenden muss, um diese wenigen Zeichen dargestellt zu bekommen. HINWEIS: Die Anführungszeichen an den Klammern ('<>') dienen lediglich dazu den TAG auf der Webseite darzustellen und diesen nicht ausführen zu lassen.
Was bedeuten die einzelnen TAGS?
Zunächst einmal werden Programme, die berechtigt sind Datein zu öffnen durch <!DOCTYPE HTML> darauf hingewiesen, dass die Datei als Dokumenttyp HTML ausgelegt ist. Für Browser heisst das 'Hoppla, Datei könnte für mich sein', da Browser und auch diverse andere Programme darauf ausgelegt sind HTML darzustellen oder zu bearbeiten.
Seiten-Werkzeuge
