Praxis: Eine Internetseite - echt handgestrickt...
... in der totalen Minimalversion. Aber immerhin - sie läuft.
Welche Informationen enthält eine html-Datei ?
- Strukturinformationen der Datei:
- Beginn und Ende des html Codes ("html"),
- Beginn und Ende des Kopfteils des Dokumentes ("head")
- Beginn und Ende des Körpers ("body") des Dokumentes (also des eigentlichen Inhalts),
- Strukturinformationen des Textes: Überschriften, Absätze, etc.,
- Zeichenformatierung: fett, kursiv, etc.,
- Hyperlinks (zum Weiterklicken),
- einzubindende Bilder (u.v.a.m.).
Eine einfache html-Datei
Diese Datei hat folgende html-Befehle:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Dieser Titel steht ganz oben</title>
</head>
<BODY BGCOLOR=gray TEXT=white>
<h1>Dies ist unsere Beispielseite</h1>
Ein Link auf <a href="http://www.hamburg.de/">die Hamburg Seite</a>
<h2>Hier kommt ein Bild:</h2>
<img src="online.gif" alt="online-Logo">
<hr>
Wie leicht man mit HTML eine einfache WebSite programmieren kann und wie wenig
Angst man davor haben muss - genau genommen: gar keine!
</body>
</html>
Was lernt uns das ?
- Die 1. Zeile muss man nicht verstehen, man muss sie nur schreiben!
- Alle Steuerbefehle ("tags") von html stehen in spitzen Klammern: < und >.
- Viele Befehle treten paarweise auf: sie haben Anfang <...> und Ende </...>.
- Der gesamte html Code steht zwischen <html> und </html>.
- Der Kopf des Dokuments steht zwischen <head> und </head>.
- Im Kopf des Dokuments steht der Titel des Browserfensters zwischen <title> und </title>.
- Der Körper des Dokuments steht zwischen <body> und </body>.
- Dem <body>-tag kann man Farbinformationen mitgeben für Vorder- und Hintergrund.
- Eine Überschrift erster Ordnung steht zwischen <h1> und </h1>.
- Ein Hyperlink (zum Weiterklicken) steht zwischen <a> und </a>.
- Dem <a>-tag wird die neue "Hyperreferenz" (=URL=Webadresse) mitgegeben.
- Eine Überschrift zweiter Ordnung steht zwischen <h2> und </h2>.
- Ein Bild (image) wird durch den <img>-tag angezeigt, dem die Quelldatei (source) mitgegeben wird.
Um Sehbehinderten gerecht zu werden, ist das alt-Attribut mit Kurzbeschreibung Pflicht.
- <hr> macht eine horizontale Linie.
Schließlich kann noch eine Einleitungszeile angeben, dass und welche Version von html verwendet wird.
|
