HTML ist eine sehr einfach Sprache. Mit ein Bisschen Zeit und Lust kann man sehr schnell die Grundbefehle umsetzen.
Ich versuche euch mal die Standard HTML Befehle zu erklären wie Verwiese, Bilder einfügen, Farbverwaltung usw.
Und nochwas. Ich habe nie und ich werde nie Hilfsprogramme wie Dreamweaver oder ähnliche benutzen. Ich halte nicht viel von solchen Programmen weil sie (in meinen Augen) den Quellcode unübersichtlich machen.
Deswegen code ich immer in einer Text Datei. Schon immer so gemacht. :)
Macht mehr Spass.
Aber es bleibt euch überlassen wie ihr eure HTML Datei aufbauen werdet und womit.
So aber nun zu den Anfängen und zu den Befehlen.
HTML-Dateien bestehen aus ASCII-Text. Deswegen kann man sie mit jedem Editor bearbeiten.
Die Befehle die man eingibt heißen in der Fachsprache "Tags".
Damit man Befehl von normalem Text unterscheiden kann werden sie in Eckige Klammern gesetzt.
Jeder Befehl der eingeleitet wurde muss auch wieder beendet werden.
Beispiel:
<TITLE>I love HTML</TITLE>
Fangen wir mal an mit dem Grundgerüst einer HTML Datei.
Eine HTML Datei setzt sich aus 2 wesentlichen teilen zusammen.
1. Dem Header der Angaben zu Titel und ähnliches enthält
2. Dem Body der den eigentlichen Text enthält, Verweise und Grafikreferenzen usw.
<HTML>
<HEAD>
<TITLE>Text des Titels</TITLE>
</HEAD>
<BODY>
Texte, Verweise(Links), Grafikreferenzen usw.
</BODY>
</HTML>
Der Header geht von <HEAD> bis </HEAD> und der Body von <BODY> bis </BODY>.
Doch wofür ist der <HTML> Befehl ?? ;-)
Ganz einfach. Da man in HTML-Dateien nicht NUR HTML einfügen kann sondern auch Java Script, DHTML sowie auch PHP muss die jeweilige Sprache markiert werden damit der Browser der die File nacher ausliest weiß mit welcher Sprache er es zu tun hat.
Das obige Beispiel ist eine reine HTML Datei. Für den Anfang auch ausreichend.
Jetzt wissen wir wie das Grundgerüst aufgebaut wird. Der <HEAD>-Tag und der <BODY>-Tag teilen lediglich die Datei in ihre beiden Bestandteile. Der <TITLE>-Tag legt den Titel fest. Diesen kann man nachher im Browser ganz oben wiederfinden. Unsere Page hier hat folgenden Titel:
Guideforce.de - May the guide be with you
Diesen Titel findet ihr ganz oben :-)
Je nachdem welchen Browser ihr benutzt steht hinter dem Titel der Name des jeweiligen Browsers. DAS hat aber nichts mit dem <TITLE> zu tun. Das macht der Browser von sich aus.
Kommen wir nun zu ein paar häufigen Fragen wie mache ich was. :)
1. Wie verändere ich den Hintergrund meiner HTML Datei.
Dies verwirklicht man indem man den <BODY> Tag um einen Befehl erweitert.
<BODY bgcolor=#blue>
Mit diesem Anhang wird der Hintergrund deiner HTML Datei auf blau gesetzt. Genausogut kannst du auch red, yellow oder green nehmen. Sollten die die englischen Namen für die Farben mal ausgehen, kannst du auch die hexadezimalen FarbenCodes benutzen. Für die Farbcodes werde ich auch noch ein extra Tut aufmachen.
2. Wie veränder ich Farbe, Größe und Schriftart meines Textes ?
<font size=3 color=#blue face="Times New Roman">
Bevor man einen Text einfach eingibt stellt man vor den Text diesen HTML-Tag.
size stellt die Größe des Textes ein, color die Textfarbe und face die Schriftart. Ein ganz simpler Befehl mit großer Wirkung. Hat man seinen Text fertig geschrieben beendet man den Tag mit </font>
3. Wie binde ich Bilder und Grafiken ein ?
Bilder bindet man mit folgendem Befehl ein:
<img SRC="Bild">
Im Gegensatz zu anderen Befehlen muss dieser Tag nicht beendet werden.
In den Anführungszeichen kommt die Adresse des Bildes rein. Sollte das Bild auf dem Webspace im selben Verzeichnis liegen wie die HTML Datei, so reicht es vollkommen aus den Dateinahmen + Endung einzutragen.
Sollte das Bild woanders liegen muss die komplette URL zum Bild eingetragen werden.
4. Wie bringe ich einen Link in meine HTML Datei ?
Es gibt 2 Möglichkeiten. Einen Verweis auf Textbasierender Eben und einen verweis auf Bild-Ebene.
1. textbasierend: <a href="URL">Text</a>
2. Bild basierend: <a href="URL"><img SRC="datei.jpg"></a>
Wenn man sich etwas Zeit nimmt und mit diesen Befehlen herum experimentiert kann man schon ein paar schöne Seiten erstellen.
Wie man noch Frames einbaut, Tabellen erstellt, Image Maps macht und seine Page etwas aufpeppt werde ich euch in meinen weiteren Tuts erklären.
Schlusswort
Die Befehle die ich euch hier gezeigt habe müsst ihr einfach nur in das Grundgerüst einbauen das ihr oben seht und schwupps habt ihr eine HTML Datei. Sie wird nichts besonderes sein aber ein Meister ist ja bekanntlich noch nie vom Himmel gefallen. ;-)
Copyrighted by Guideforce.de
Wenn sie dieses Tutorial sehen ohne über www.guideforce.de gekommen zu sein,
dann wenden sie sich bitte an info@lifeworks.de