Zurück zu Kiki

  Wissen

   Informatik

    Homepagetools

HTML - Einführung

 

 

 

Für alle Leute, die erst mit Webseiten anfangen, möchten wir hier ganz einfache HTML Befehle zeigen. HTML ist die Sprache der Webseiten.

Was braucht ihr für den Anfang? Nicht viel: Einen Editor und einen Browser.

In dem Editor könnt ihr eure HTML - Seite schreiben, im Browser könnt ihr sie euch ansehen!

 

Wie geht es los?

Als erstes öffnet ihr einen Editor. In diesen Editor schreibt ihr als erstes: 

<html></html>

Ein HTML-Befehl steht IMMER in Spitzen Klammern: <Befehl>

Ein HTML- Befehl hat normalerweise einen Anfang: <Befehl Anfang>

und ein Ende:</Befehl Ende>

Das Ende wird IMMER mit einem Slash (Schrägstrich) nach der ersten Klammer markiert!

</Befehl Ende>

Am besten schreibt ihr IMMER den Befehl zum öffnen und den Befehl zum schließen nebeneinander und schreibt dann dazwischen. Dazwischen stehen dann die Anweisungen.So vergesst ihr auch nicht den Befehl wieder zu schließen.

 So ein Befehl in spitzen Klammern wird übrigens auch

 "tag" 

genannt.

 

Ihr schreibt also:

<html></html>

in euren Editor, damit der Browser später weiß, dass es sich um eine Webseite handelt.

Dazwischen kommen nun die weiteren Befehle.

Als nächstes braucht ihr einen Kopf (head) für die Webseite. 

Ihr schreibt:

<html> 

<head></head>

</html>

Der Kopf wird in der Webseite selber nicht auftauchen, aber dort kann man z.B. den Title (title) der Seite festlegen. Den Titel der Seite erscheint immer auf der unteren Startleiste (Taskleiste) im Browser, wenn die Seite aufgerufen wird, deswegen ist der Title nicht ganz unwichtig.

Ebenso gibt es Suchmaschinen, die nach diesen Titeln suchen und einbauen. Wenn ihr also Title wie "bjkdslhg" habt, werden nicht viele Besucher über Suchmaschinen auf eure Seite kommen.

Um den Title zu bestimmen schreibt ihr:

<html> 

<head>

<title> Titel der Seite </title>

</head>

</html>

Natürlich stehen in anderen Webseiten noch viel mehr Sachen im head- Teil, aber um eine einfach Seite zu schreiben und auszuprobieren, reicht das erst mal. 

Dann kommen wir zum spannenden Teil: Die Seite selber.

Dafür braucht ihr den Body befehlt. Body bedeute "der Körper" der Seite, also alles, was man später direkt sehen kann.

Der Body kommt nach dem head. Der head-Befehl muss dafür schon geschlossen sein. ihr schreibt also:

<html> 

<head>

<title> Titel der Seite </title>

</head>

<body>  Alles was auf der Webseite zu sehen sein soll</body>

</html>

In eurem Editor könnte das dann so aussehen:

 

Und so sieht genau diese Seite im Browser aus:

Demo

Anmerkung:

Die Demoseiten öffnen sich in einem neuen Fenster. Da es ja Bespiele sind, sind dort keine Links vorhanden, deswegen die Seite einfach schließen, wenn ihr genug geguckt habt.

 

Wie in der Demo zu sehen ist, 

könnt ihr ohne weitere Befehle einfach in den "body"

schreiben, was immer ihr wollt. Beispiel:

 

Und so sieht es dann aus:

DEMO

 

Was nun auffällt ist, dass es keine Absätze gibt. Obwohl im "body" die Absätze 

so schön angeordnet ist, steht alles hintereinander. 

Und vielleicht wäre es auch schön, die Farben zu verändern, oder

die Schriftgröße....???

 

Wie das alles geht findet ihr hier:

HTML - Begriffe

 

 






























Nach oben

www.kikisweb.de