HTML (HyperTextMarkupLanguage) - Wie programmiere ich Web-Seiten ?

Da ich selber grade versuche meine eigene Homepage ins Internet zu stellen, kam mir der Gedanke dies doch in Form eines Kurses in die Amiga4ever zu bringen. Ich hoffe das dies einige von euch interessieren wird.

HTML-Seiten sind normale ASCII-Dateien das normalerweise von fast allen Textverarbeitungs-programmen gelesen und geschrieben wird. Es gibt auf dem Amiga auch spezielle Editoren zum erstellen von Web-Seiten.

HTML-Befehle nennt man auch »TAGS«. Ein »TAG« besteht aus einen einleitenden und einem (/) abschließenden Befehl.

LEKTION 1:



Die erste HTML-Seite:


Nun schnappen wir uns einen Editor (Ed,GoldEd,Finalwriter usw.) und geben folgende Zeilen ein.

<HTML>
<HEAD>
<TITLE> Beispiel </TITLE>
</HEAD>
<BODY> Meine erste HTML-Seite
</BODY>
</HTML>


Jetzt sollte man das Programm abspeichern z.b. unter den Namen "beispiel.htm". Browser starten und "beispiel.htm" laden. Wenn alles richtig gemacht wurde, erscheinen oben im Browser-Fenster die Worte "Beispiel" und weiter unten sollte dann "Meine erste HTML-Seite" zu lesen sein. Ist zwar noch nichts besonders, aber dieses ist das Grundprinzip einer jeden HTML-Seite.

Grundgerüst :

Ja, für jede Seite werden immer folgende Befehle benutzt:

<HTML> muß immer am Anfang und am Ende der Seite stehen (/HTML)
<HEAD> schließt den Kopf der Web-Seite ein, dessen Inhalt nicht
auf der Seite angezeigt wird.
<TITEL> zeigt den eingeschlossenen Text im Browser-Fenster an.
<BODY> mit diesem Befehl beginnt die eigentliche Darstellung der Web-Seite.

Man sollte beachten das jeder dieser geöffneten Befehle auch später mit dem Schrägstrich (/) wieder geschlossen wird, da sich sonst nichts tut.

Farben festlegen:

Natürlich kann man auch Farben festlegen. Jetzt ersetzen wir im umserem Text "beispiel.htm" die Zeile <BODY> durch:

<BODY bgcolor="#0000FF">

Das speichern wir nun ab, laden den Browser und "beispiel.htm" und wenn alles richtig eingegeben wurde wird der Hintergrund nun blau.

Die Textfarbe kann man auch ändern, indem man folgende Zeile angibt:

<BODY text="#00FF00">

Wieder abspeichern und in den Browser laden, und die Schrift sollte nun in der Farbe "lime" erscheinen.


Will man beides zugleich, kann man diese Befehle kombinieren und zwar so:


<BODY bgcolor="#0000FF" text="#00FF00">

Ich will aber andere Farben haben:

Klar, das geht natürlich. Dieser sechsstellige Zahlenwert (#RRGGBB) setzt sich aus drei einzelnen Zahlenwerten Rot,Grün,Blau (RGB) für die gewünschte Farbe zusammen. Jeder dieser drei Angaben muß also durch eine zweistellige hexdezimale Zahl eingegeben werden.

Es gibt auch noch reservierte Farbnamen wie "black,maroon,green,olive, red,lime usw.". Aber ich rate ab diese zu benutzen, das sie unter Umständen von anderen Browser`n verschieden dargestellt werden.

Hintergrundgrafik:

Um eine Grafik in den Hintergrund zu laden sollte man beachten das diese entweder im JPG - oder im GIF-Format vorliegen muß. Die Grafik sollte auch im selben Ordner wie "beispiel.htm" liegen. Der Name der Grafik sollte dann "grafik.gif" oder "grafik.jpg" lauten.

Dann ändern wir die Zeile <BODY> auf:

<BODY background="grafik.(gif/jpg)">

und speichern es unter "beispiel.htm" ab. Wenn wir nun den Browser laden, und den Text starten, sollte die Grafik als Hintergrund geladen werden. Das funtioniert aber nur wenn die Grafik auch unter diesem Namen exestiert.

Ende Lektion 1:

So, das war`s erst mal. Ich hoffe das alle die, die noch nie einen HTML-Text geschrieben haben, dieser Kurs eine kleine Hilfe ist. Wenn jemand nicht mitkommt oder was nicht verstanden hat, sollte er mir das miteilen, und ich werde versuchen das zu ändern.

MURMEL