realwebmaster.net - die Homepage Hilfe mit Webmaster Forum

HTML Workshop / Tutorial

HTML lernen - Die Grundkenntinsse

Dieser kleine Workshop soll dir erklären wie man eine einfache HTML-Seite (Webseite) erstellt. Alles was du dafür brauchst ist ein einfacher Editor unter Windows z.B. der Windows Editor oder unter Linux z.B. gedit.

Öffne als erstes den Editor.
Schreibe nun folgendes hinein:

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Du siehst oben das alle Wörter zwischen zwei eckigen Klammern stehen. Dies bezeichnet man als Tags (z.B. <body> </body> nennt man den Body-Tag). Man könnte es auch als "Programmier-Befehle" bezeichnen.

Bedeutung der Tags:
<html> steht am Anfang jeder HTML-Datei
</html> steht am Ende jeder HTML-Datei
<head></head> der Kopf einer jeden Webseite
zwischen <title> und </title> schreibt man den Titel der Seite
<body></body> hierhin kommt der Hauptteil der Webseite, also der Gesamte Inhalt

Schreibe zwischen den Title-Tag folgendes:
Meine erste Website

Deine Datei müsste nun folgendermaßen aussehen:

<html>
<head>
<title>Meine erste Website</title>
<body>
</body>
</html

Klicke nun im Menü “Datei” auf “Speichern unter”
Wähle einen Ordner und gebe als Dateinamen index.html ein.
Klicke auf „speichern“. Achte darauf, dass du die Endung .html nicht vergisst, da diese Endung aus der normalen Textdatei eine HTML-Datei macht.

Gehe nun in den Ordner in der sich deine index.html befindet und doppelklicke darauf. Es öffnet sich dein Internet-Browser. Du siehst ganz oben links den vorher eingeben Text.

Jetzt beginnt der eigentliche Inhalt der Website:

Schließe deinen Internet-Browser wieder.

Solltest du die index.html im Windows Editor schon geschlossen haben, öffne diese erneut.

Wechsel nun wieder zu deinem Windows-Editor
Schreibe folgendes zwischen den Body-Tag:

<p>Meine erste Website<br>

Hier koennte mein erster Text stehen<br>

Hier koennte mein zweiter Text stehen</p>

Beschreibung:

<p></p>	Mit <p> beginnt und mit </p> endet jeder Absatz
<br>	Erzeugt eine neue Zeile

Klicke auf Datei > Speichern

Fertig, schaue dir deine erste HTML-Seite im Browser an :-)

Jetzt hast du schon einmal ein paar Grundkenntnisse. Hier sind nun noch ein paar Tags die man einfach anpassen und zwischen dem Body-Tag einfügen kann:

<a href="seite.html">Zur Seite</a>	Auf eine Seite oder Datei die sich im selben Ordner befindet verlinken (Seite.html durch die Seite oder Datei ersetzen)
<a href="http://www.realwebmaster.net/">Webmaster Hilfe</a>	Auf eine andere Homepage verlinken, in diesem Fall realwebmaster.net
<img src="bild.gif">	Bild einfügen (ersetze bild.gif durch Ihre Datei)

Weitere HTML-Tags findest du hier.

Falls du nun noch mehr über HTML lernen möchtest oder eine ganze Homepage erstellen möchtest empfehle ich das XHTML/CSS-Tutorial und Selfhtml.net