HTML-Kurs


Hier ein kleiner Kurs fuer alle schon immer mal wissen wollten wie eine Seite im Internet ensteht. Es gibt viele Programme mit denen man HTML schreiben kann. Ein Programm ist der ganznormale Editor der bei Windos98 und bei den anderen Versionen immer dabei ist. Man muss beachten das die Seite auf jedem Browser anders aussieht.



Uebersicht:

2. Ueberschriften

3. HTML-Befehle

4. Bilder und Links

5. Textgestaltung und Ausrichtung

6. RGB-Code

7. Hintergrundgestaltung

8. Frames

9. Tipps





1. Grundgeruest


1. HTML:
der gesamte Rahmen einer HTML Seite wird vom -Tag begrenzt.
Head (Kopf):
enthält Angaben zu Titel uvm.
Body (Körper):
enthält den eigentlichen Text mit Überschriften, Hintergrund(Wallpaper), Verweisen, der eigentliche Inhalt.

Beispiel:
<html>
<head>
<title>Text des Titels der dan in der Statuszeile erscheint Z.B.Muster</title>
</head>
<body>
Text, Verweise, Grafikreferenzen usw.
</body>
</html>

nach oben



2. Ueberschriften


Die Rangordnung geht von 1 (hoechste) bis 6 (kleinste).

<h1>=Ueberschrift=</h1>

<h2>=Ueberschrift=</h2>

<h3>=Ueberschrift=</h3>

<h4>=Ueberschrift=</h4>

<h5>=Ueberschrift=</h5>
<h6>=Ueberschrift=</h6>

nach oben



3. HTML-Befehle


<center>: Rueckt den Text in die Mitte

<left>: Rueckt den Text nach links

<right>: Rueckt den Text nach rechts

<br>: Erzwingt eine Leerzeile

<i>: Text wird kursiv

<b>: Text wird fett

<u>: Text wird unterstrichen

<hr>:erzeugt eine Linie

Diese Linie koennt ihr beliebig vergroessern, mit Farbe verunstalten, ausrichten und ordentlich Dick machen.
<hr size=300 color=RGB Wert oder einen farbnamen auf English align=center>
size=Groesse color=Farbe widht=Laenge align=Ausrichtung der Linie

nach oben


4. Bilder und Links



Es gibt hauptsaechlich zwei Arten von Bildern die man im Internet finden kann:
gif: Das sind bewegliche Bilder und <img src="bild.gif">
jpg: die normalen Bilder <img src="bild.jpg">.

Mit Hilfe der Funktion <border> last sich die Dicke eines Bildes feststellen.

<border=0><border=4><border=10>

Und so entstehen Links

<a href="http://link.de"> Name des Links </a>
Das ist ein Externer Link, der euch auf eine andere Homepage bringt.
Bsp.:
kuelbel.com

<a href="link.html"> Name des Links </a>
Das ist ein interner Link, der euch auf eurer eigenen Seite Z.B. zu den Downloads bringt.
Bsp.:Downloads

Wenn ihr lust habt koennt ihr auch Link und Bild mit einander verknuepfen:

<a href="http://Internetadresse"> <img src="wink.gif" border=0> </a>

Bsp.:

nach oben



5. Textgestaltung und Ausrichtung



Wie in Word kann man auch bei HTML die Textgroesse, die Farbe und die Schriftart einstellen.

<font color=RGB Wert der Farbe>Text </font>
Ihr koennt anstelle des RGB-Codes auch die Farbnamen auf English schreiben:Z.B.<font color="red" oder"green">Text </font>

<font size=Zahl von 1 bis 7 eingeben> <Text>

<font face="Namen der Schriftart eingeben"> <Text>

Am besten ist es wenn ihr alles in einem macht:

<font size=2 color=(#000000)GRB-Code oder Farbname auf English("red") face="Schriftart(Arial)>Text</font>

nach oben



6. RGB-Code



Der RGB-Code ist Farbcode der in HTML verwendet wird und besteht aus drei Grundfarben R=rot; G=Gruen; B=Blau.
Die RGB-Werte werden 6stellig angegeben.Zuerst wird ein Gatter(#) angegeben dahinter die 6stellen(000000) fuer die Farbdefinition.

Bsp.:<font color=#0000FF>Text </font>Dieser Text wird blau geschrieben
Die Farbeinstellung geht von 1,2,3,4,5,6,7,8,9,A,B,C,D,E, und F. Mit diesen Zahlen und Buchstaben koennt ihr herumexperimentieren so wie es euch gefaellt.
0=wenig Farbe
F=viel Farbe

nach oben

RGB-Code Farbtabelle


7. Hintergrundgestaltung


Um einen Hintergrund zu erzeugen muest ihr folgenden Code im Body-Bereich einsetzen.
<body background="Name des Hintergrundbildes.jpg oder gif">

nach oben


8. Frames


Mit Hilfe von Frames kann man die Seite in zwei haelften aufteilen.
Das Grundgeruest sieht so aus.
<html>
<head>
<title>Frame</title>
</head>
<Frameset>
<Frameset rows=80%,20%>
<Frame name=Menue src="Menueleiste.html">
<Frame name=Online Zaehler src="Willkommen.html">
</Frameset>
</head>
</html>

Mit diesem Grundgeruest habt ihr eure Seite horizontal getrennt. Wenn es euch horizontal nicht gefaellt koennt ihr mit dem Befehl cols="20%,80%" die Seite auch senkrecht trennen.

Wenn ihr Frames benutzt, muss es mindestens aus drei Seite bestehen.

nach oben


9. Tipps


Wenn ihr eure Seite geschrieben habt und sie abspeichert denkt daran, nach dem Dateinamen html zu schreiben. Bsp.: Homepage.html.
Wenn ihr Fragen habt dann schreibt mir, bitte mit Begruendung und wenn moeglich denn HTML-Code.
Fragen? dann mailt

nach oben



Load HOME