HTML-Grundkurs:

Kapitel 1: Grundgerüst

 

Das Grundgerüst ist einer der wichtigsten Teile einer HTML-Seite.

Im Normalfall schaut es folgendermaßen aus:

 

<html>

 

<head>

<title>Homepage-Seitentitel</title>

</head>

 

<body>

Hier kommt der Inhalt hinein

</body>

 

</html>

 

Erklärung:

Eigentlich ganz simpel zu erkennen.

Die jeweiligen "Tags"(html, head, body) werden

mit < und > umgeben.

Was man öffnet muss man natürlich auch schließen:

Dazu ist der "slash" da. "Slash" = /

In den head kann man natürlich noch mehrere Sachen einbauen,

aber lernen wir erstmal die Basis.

Im body kommt, wie schon erwähnt, der Inhalt der Seite.

 

 

Kapitel 2: Einfache Tags

 

Ein Tag ist z.B.: <body> ; also was mit < und > umgeben ist.

Einfache Tags mit Erklärung:

<b>Fett geschrieben</b>    <b> = bold = fett

<i>Kursiv geschrieben</i>    <i> = italic = kursiv

<u>Unterstrichen geschrieben</u>    <u> = underlined = unterstrichen

 

<font color = "Red">Rot geschrieben</font>  <font color> = Schriftfarbe

<font size ="5">Größe 5 geschrieben</font>  <font size> = Schriftgröße

 

<h2>Überschrift</h2>   <h> = header = Überschrift ; <h1> bis <h6>

 

 

Kapitel 3: Tabellen

 

Tabellen sind in manchen Fällen auch ganz nützlich.

Der Aufbau:

 

<table>

<tr>

<td>Zelle 1, Zeile 1</td> <td>Zelle 2, Zeile 1</td>

</tr>

<tr>

<td>Zelle 1, Zeile 2</td> <td> Zelle 2, Zeile2</td>

</tr>

</table>

 

Erklärung:

<table> = Tabelle

Das <table> kann man noch "verzieren".

Wenn man z.B. einen schwarzen Rahmen um die Tabelle

haben will, schreibt man: <table border = "Black">

border = der Rahmen; Und nicht das </table> am Ende vergessen.

<tr> steht für Zeile; <td> steht für Zelle.

Wenn man eine Zelle z.B. die Hintergrundfarbe Rot geben will,

macht man einfach: <td bgcolor="Red">  bgcolor = backgroundcolor

 

 

Kapitel 4: Bilder und Links

 

Kommen wir erstmal zu den Bildern.

Der Aufbau ist ganz einfach:

<img src = "Bildpfad">

Erklärung:

img = image = Bild

src = source = Quelle

 

Beispiel wenn das Bild "haus.jpg" im Unterordner "bilder" ist:

<img src = "bilder/haus.jpg">

Natürlich kann man auch URL's als Bildpfad eingeben.

Und man kann dies auch wieder verschönern. :p

Zum Beispiel wieder mit einem Rand, was ich oben schon erwähnt hab.

 

So, nun zu den Links.

Der Aufbau:

<a href = "http://dein-link.de">Die Ausgabe</a>

Erklären kann ich hier jetzt nicht viel.

Wenn ich jetzt z.B. schreibe:

<a href = "http://8b-agw.de.tl">Homepage 8B</a>

Dann ist der Schriftzug "Homepage 8B" verlinkt auf http://8b-agw.de.tl

 

Man kann natürlich auch Bilder verlinken.

Dann würde das so aussehn:

<a href = "http://8b-agw.de.tl"><img src = "bilder/haus.jpg"></a>

Beim Verlinken eines Bildes setzt sich automatisch ein blauer Rand hin.

Wenn ihr diesen weghaben wollt schreibt ihr <img> so:

<img src = "bilder/haus.jpg" border = "0">

 

Fortsetzung folgt...

NEU:
Neues
Schuljahr
;DDDD !!
Erleben was
verbindet!
8b-agw.de.tl
Letztes Update:
17.08.2009
!!^^=) ....
SPEEDCOUNTER.NET - Kostenloser Counter!
 
Heute waren schon: 1 Besucher (5 Hits) hier!
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden