Teile 1-3
HTML für Anfänger
Willkommen beim HTML Kurs für anfänger.HTML ist die häufigste Programmiersprache für Internetseiten. Ohne HTML könnte eine Seite gar nicht bestehen, da mit HTML alles angezeigt wird. Es gibt jedoch Zusatzsprachen wie z.B. PHP oder ASP. Solche Zusatzsprachen benützt man, damit man Foren oder Gästebucher programmieren kann. Diese Sprache macht dann die Funktionen, und mit HTML wird es dann angezeigt.
Homepages kann man mit einem Klickeditor machen wie z.B. Frontpage oder Dreamweaver. Manche, die HTML schon recht gut können, benützen Editors. Bei Windows heißt er „MS Editor“ oder einfache Editor. Bei älteren Computer gibt es das Wordpad. Dieses Editierprogramm ist gut, aber nicht empfehlenswert, da es meistens die HTML Codes codiert, so das wenn man die Seite aufruft kein Inhalt kommt, sondern der ganze Code angezeigt wird.
Jetzt kommen wir zum ersten Teil. Wie sieht ein HTML Grundgerüst aus ?
Ein einfaches HTML Gerüst besteht aus 3 Teilen. Mann kann es sich wie ein Körper vorstellen, das einen Kopf, einen Bauch und einen Fußbereich hat.
Und so lautet der Code:
<html>
<head>
</head>
<body>
</body>
</html>
Der <head> bereich ist der Kopf bereich. Wenn die Seite geladen wird, wird zuerst dass geladen, was im <head> Bereich ist. Danach kommt der <body> Bereich. Body heisst Bauch/Körper. Und alles was im Body bereich ist, wird dann im Internet Explorer angezeigt. Nach dem </body> Wird nichts mehr angezegigt. Danach beginnt nämlich der Fußbereich.
Also im Klartext, wenn man ein PopUp Script zwischen <head> und </head> einbaut, öffnet sich das Fenster/PopUp, wenn die Seite geladen wird. Und alles was zwischen </body> und </html> eingebaut wird, also z.B. ein PopUp, wird geöffnet, wenn sich die Homepage schließt.
Wenn du also einen Homepagetitel haben willst, der in der Infobox des Internet Explorers angezeigt werden muss, musst du das im Kopfbereich einbauen (zwischen <head> und </head>
<title> Name des Titels </titel>
<titel> ist ein HTML-Tag. Er stellt den Titel der Site ein. Der Anfang eines Tages im HTML beginnen immer mit einem Krokodillzeichen nach links (<) und endet mit einem Krokodillzeichen nach rechts (>). Der Ende fängt auch mit einem Krokodillzeichen nach links inkl. Slash an (</) und endet mit einem Krokodillzeichen nach rechts (>)
Also lautet ein Tag so:
<b> Test </b>
Bei diesem Tag wird der Text fett angezeigt.
Hast du das mit dem Gerüst kapiert ?
Teil 2
Jetzt weißt du schon, wie ein Gerüst aussieht und was Tags sind.
Soviel wissen können wir schon:
<html>
<head>
<title> Unsere erste Seite </title>
</head>
<body>
</body>
</html>
Jetzt kommen wir zu den einzelnen Tags. Zuerst zeig ich dir, wie man einen Text schreibt und die Schriftart, die Größe und die Farbe einstellt.
<font> </font>
So geht ein einfacher Schrift/Text Tag, also ohne Spezielle Werte.
Nun kommen wir zu den erstem Wert. Der Wert „face“ stellt die Schriftart ein. Face bedeutet Gesicht und wird so im Font-Tag eingebaut.
<font face=“Verdana“> </font>
Hier wird die Schriftart « Verdana » angezeigt. Verdana ist eine Schrift wie Arial oder Tahoma, die bei vielen Sites gebraucht wird, da fast jedes Betriebssystem sie unterstützt.
Wie stell ich aber die Größe ein ? Bei der Schriftgröße kommt der Werttag Size im Einsatz. Size beideutet Größe und wird so eingebaut:
<font face=“Verdana“ size=“9“> </font>
Hier haben wir jetzt einen Font-Tag der den Text, der Zwischen dem Anfang und dem Ende des Tages ist, in die Schriftart Verdana und in die Größe 9 umwandelt.
Und zum Schluss kommt noch die Schrift Farbe. Beim HTML benützt man dazu den Werttag „color“. Collor bedeutet im engl. Farbe und wird so eingebaut:
<font face=“Verdana“ size=“9“ color=“#000000“> </font>
Beim Color-Tag wird die Farbe entweder auf englisch geschrieben, wie z.B. Black oder Red. Oder man benützt die HEX Werte.
Dies war er 2te Teil des HTML Kurses
Im nächsten Teil erklär ich euch, wie man die Schrift Fett darstellt usw.
Teil 3
Jetzt könnt ihr schon die Schrift einstellen. Super !
Um die Schrift jetzt noch Fett zu machen braucht man den Tag „b“
Und So wird er eingesetzt:
<font face=“Verdana“ size=“9“ color=“#000000“><b>Dieser Text wird Fett</b></font>
Dieser Text wird nun Fett angezeigt. Um es auch Kursiv Darstellen zu können brauchen wir den Tag „i“. Und so wird er eingesetzt:
<font face=“Verdana“ size=“9“ color=“#000000“><i>Dieser Text wird Krusiv </i></font>
Und dazu darf natürlich unterlinierter Text nicht fehlen...
<font face=“Verdana“ size=“9“ color=“#000000“><u>Dieser Text wird unterliniert</u></font>
Der Tag „u“ macht den Text jetzt auch unterliniert. Mann kann es auch mischen z.B. Dass es fett und kursiv wird:
<font face=“Verdana“ size=“9“ color=“#000000“><b><i> fett & Kursiv </i></b></font>
Und damit wir dieses Kapitel noch vervollständigen erklär ich euch, wie man eine neue Linie erzwingt.
Damit man eine neue Linie macht, braucht es den Tag <br>. Bei BR braucht es jedoch keinen End-Tag.
Also so z.B.
<font face=“Verdana“ size=“9“ color=“#000000“>Erste Linie <br> Zweite Linie</font>
Mann kann es noch übersichtlicher machen, wenn man eine Ganze Linie in den Tag <p> einfügt. Also so:
<p><font face=“Verdana“ size=“9“ color=“#000000“>Linie 1</font></p>
<p><font face=“Verdana“ size=“9“ color=“#000000“>Linie 2</font></p>
Dies war Teil 3.
Ich hoffe, ich hab euch einwenig Tipps gegeben.