Deine erste Website - Teil 1
Deine erste Website
... geht ganz einfach.
Websites, also Dateien/Dokumente, die in Webbrowsern dargestellt werden sollen, sind html-Dateien. Ein simples
<html>
in einen Texteditor eingeben und als website.htm abgespeichert, ist bereits ein html-Dokument, aber noch kein sinnvolles.
Da soll ja was drinstehen, was angezeigt werden soll. z.B.: "
Hallo MTN-Leser".
Jetzt muß man noch wissen, dass die Befehle und Darstellungshinweise für die Maschine in spitze Klammern zu schreiben sind und man der Maschine sagen muss, wo das Ende des jeweiligen Befehls-Bereiches ist: das wird mit einem Schrägstrich angezeigt:
</html>
markiert also das Ende einer html-Datei.
Und wie bei den meisten anderen Dateien auch, kriegt die Datei einen Kopfbereich für diverse Informationen zur Datei selbst ( <head> ) und dann einen Körper ( <body> ), also den eigentlichen Hauptteil in dem dann z.B. "Hallo MTN-Leser" zur Anzeige gebracht werden soll.
Here we go:
<html>
<head>
</head>
<body>
Hallo MTN-Leser
</body>
</html>
Diese Zeilen in einen Texteditor einfügen (in Textedit unbedingt auf Format
"in reinen Text umwandeln" gehen), die Datei mit Endung .html (oder nur .htm) abspeichern und diese Datei auf Safari schieben (also. in Safari öffnen)
und schon lächelt uns:
an.
Das war es dann auch schon, so funktioniert html.
Und das kannst Du also jetzt auch.Und damit es noch etwas mehr Spaß macht, ein paar weitere Befehle (bzw
tags, Einzahl:
tag, so heißen die spitzen geklammerten Befehle in Englisch):
- <b> bedeutet "bold" und ist Fettdruck, und der Bereich wird beendet mit </b>
- <i> bedeutet "italics" und ist Schrägdruck </i>
- <br> heißt der Zeilen-Umbruch. Wenn man einen will, muß man ihn eingeben. Dieses tag braucht kein Ende.
- <h1> Ueberschrift (headline 1.Größe) groooß geschrieben </h1>
Und der Website geben wir noch einen Titel, der muß in den <head>-Bereich und wird oben im Browser angezeigt.
Also folgendes jetzt in die Datei kopieren (in reinen Text umwandeln nicht vergessen), mit .htm als Endung speicher und rein in damit in Safari (Reload-Button?):
<html>
<head>
<title>Meine erste Website</title>
</head>
<body>
<h1>Es kann losgehen</h1>
Hallo MTN-Leser. Das ist meine erste Website.
Hallo MTN-Leser. Das ist meine erste Website <br>
Hallo MTN-Leser. Das ist meine <b>erste Website</b><br>
Hallo MTN-Leser.<br><br> Das ist <i>meine erste <b>Website</b></i>
</body>
</html>
Falls Interesse besteht, schreibe ich mehr, z.B. wie man Umlaute hinkriegt und Links, Bilder... Das hier war nur zum Anfixen.
Im Übrigen gibt es ein wunderbare Website zum Thema html, die wohl jeder html-"Programmierer" kennt: selfhtml.org
, bzw.:
Da stehen alle weiteren Befehle drin.
Und: angefixt? Hier ist der 2.Teil: