Tutorial - Grundlagen HTML
Eine ausführliche Dokumentation zu allen Funktionen finden Sie auf http://de.selfhtml.org/.
1. Öffnen sie einen Text-Editor
2. Der Aufbau:
<html>
<head>
<title>Meine eigene Homepage</title>
</head>
<body>
<center><b>Das ist meine eigene Homepage</b></center>
</body>
<html>
3.
Erklärung:
- Die Gesamte Page und wird
in Tags eingeschlossen <html> der Haupt-Anfang </html> das Haupt-Ende
- Hinter
dem Anfang Tag folgt der Kopf, <head> natürlich
hat auch der ein Gegenstück, </head>
- Im Header Bereich bauen wir den
Titel für die Seite ein damit benutzen wir den Tag <title> zwischen anfang und am ende des tags kommt der Titel hinein in diesen Falle Meine eigene Homepage darauf folgt wieder das Endstück </title>
- Natürlich kommen
noch weiter Dinge in den HEAD Bereich aber diese Dinge brauche wir erstmal nicht.
- Nach dem HEADER kommt der Body
Bereich der fängt mit dem Tag <body> an
und hört mit dem Endstück </body> auf,
der Body bereich ist der wichtigste Bereich der Homepage darin wird alles hereingeschrieben
was sie im Browser sehen. In diesen Fall habe ich in den Body Bereich, <center><b>Das
ist meine eigene Homepage</b></center> hereingeschrieben.
- Daher
wird danach der Text FETT in der Mitte angezeigt was <center> und <b> bedeutet, wird weiter unten erklärt
- Nach
dem Body kommt das Endstück dran </body> dahinter
folgt das </html>
- Speichern
Sie die Datei unter index.htm ab fertig.
4.
Weitere Tags:
<b> </b> Dieser
Tag hat die Funktion, dass die Schrift FETT angezeigt wird
<center> </center> Dieser Tag hat die Funktion, dass der Teil in der Mitte angezeigt wird.
<i>
</i> Dieser Tag hat die Funktion, dass die Schrift KURSIV angezigt
wird
<s>
</s> Dieser Tag hat die Funktion, dass die Schrift durchgestrichen wird
<font
color="#000000"> </font> Dieser
Tag hat die Funktion, dass die Schrift eine Farbe bekommt (in diesen Fall die Farbe #000000
= SCHWARZ)
<a
href="http://p91.de">ZIEL URL</a> Dieser
Tag hat die Funktion, dass ein Link angezeigt wird: ZIEL
URL
<img src="Bildadresse.Typ"
alt="Beschreibung"> Dieser Tag hat die Funktion, dass ein Bild
angezeigt wird.
<hr> INFO
OHNE </hr> am Ende Dieser
Tag hat die Funktion, dass man eine Linie einfügt.
5. HEX FARBEN :
#000000 =Schwarz black#C00000 =Braun maroon
#00C000 =Grün green
#C0C000 =Oliv olive
#0000C0 =Navy navy
#C000C0 =Purpur purple
#00C0C0 =Blaugrün teal
#C0C0C0 =Grau gray
#808080 =Dunkel grau silver
#FF0000 =Rot red
#00FF00 =Hellgrün lime
#FFFF00 =Gelb yellow
#00FFFF =Blau blue
#FF00FF =Magenta fuchsia
#0000FF =Hellblau aqua
#FFFFFF =Weiss white
>> Stellt Fragen bitte im Forum!