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.

DEMO

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

 


Beachten Sie: Wir übernehmen keinerlei Haftung für irgendwelche Schäden, Ausfälle oder sonstigen Geschehnisse.
Alle Angaben sind ohne Gewähr, Sie handeln auf eigenes Risiko!
Alle genannten Soft- und Hardwarebezeichnungen sowie Markennamen sind Eigentum ihrer jeweiligen Inhaber und unterliegen im Allgemeinen warenzeichen-, marken- oder patentrechtlichem Schutz.
Alle Rechte vorbehalten

>> Stellt Fragen bitte im Forum!