|
Wenn man sich dann doch entschlossen hat, via HTML zu schreiben, dann sieht es folgender Maßen aus:
Eine komplette Homepage unterteilt sich in den \"Head\" und in den \"Body\". Hilfreich ist es, wenn man Englisch kann. Head = Kopf, Body = Körper.
Wenn man ein HTML-Dokument erstellen will, muss man zuerst mit anfangen. Dieses Tag kündigt also dem Browser (Das Teil, mit dem ihr surft) an, dass ein "ProgrammierCode" folgt. Er interpretiert also das ganze HTML in Binärcodes, so dass der Browser (wie z.B. Internet Explorer) daraus schlau wird.
Es gibt TAGS und ATTRIBUTE.
TAGS sind die Grundbefehle für HTML. Sie teilen eine Homepage auf.
Attribute sind \"Hilfen\", bzw. die Eigenschaften eines Tags, die bei den Grundbefehlen Feinheiten machen, z.B. stellt man damit die Farbe ein, die Textfarbe, Textgröße etc.
Man öffnet jedes HTML mit und schließt es mit ...
Nehmen wir als Beispiel das TAG für das HTML, der würde dann so aussehen:
- geöffnet
- geschlossen ... Wichtig ist, das man jedes Tag/Attribut auch wieder schließt, da sonst Fehler aufkommen. Wenn ihr mit einem HTML-Editor arbeitet und ein TAG öffnet, schließt der Editor es automatisch - zumindest meistens. Falls dies nicht der Fall sein sollte, mein Tipp an Euch: Schließt gleich ein TAG, wenn ihr es öffnet.
1. Schritt:
2. Schritt: Eine Leerzeile dazwischen einfügen, damit ihr weiter schreiben könnt. Einfach per RETURN
3. Schritt: Weiter programmieren ;-)
3.1. TAGS - die wichtigsten
... öffnet ein HTML-Dokument
... öffnet den Kopf einer Seite
... gibt den Namen der Homepage an. Der TITLE-TAG wird im HEAD-TAG geschrieben. (Beispiel für ein TITEL, wenn ihr auf einer beliebigen Seite seid, steht links oben im Browser der Name der Website)
... den Rumpf/Körper eine Seite, in dem alles geschrieben wird.
... ist der TAG für die Schrift... hier kann man noch Attribute einsetzen, um Farbe/Größe/Dicke und dergleichen einzustellen.
... fügt einen Absatz ein
(wichtig: braucht man nicht schließen), unmittelbar die nächste Zeile wird angefangen
macht eine Schrift fett
macht eine Schrift kursiv
3.2. ATTRIBUTE - die Grundattribute
ändert die Hintergrundfarbe
stellt die Schriftfarbe ein
dient dazu, ein Bild einzufügen ...
fügt einen Link zu eienr Seite ein
sorgt dafür, dass man eine Datei downloaden kann (die Datei muss auf einem Server liegen, also online gestellt sein)
(left, right oder center) ... legt fest, wo der Text horizontal steht
(top, middle oder bottom) legt fest, wo der Text vertikal steht
3.3. \"sauberes HTML\" mit Quelltext und Erklärung
Der TitleTag steht im Head-TAG
Hier sind nur einige Beispiele dafür, wie das dann aussehen soll
Den Text wollte ich links haben durch das align-Attribut
Das hier soll Fett sein durch das B-TAG und rechts stehen
Der Test ist kursiv geschrieben durch das I-TAG und hierwird durch br-TAG in der neuen Zeile angefangen
Der Text ist Fett und steht mittig
bevor ich es vergesse, man kann auch kombinieren
3.4. Eine Tabelle - Erklärung und Quelltext
TAGS
****
öffnet eine Tabelle, schließt eine Tabelle
fügt eine Zeile ein
... fügt eine Spalte ein
ATTRIBUTE
*********
zeigt die einzelnen Kästchen an
die Größe der Tabelle
die Breite der Tabelle
X ist die Anzahl der Spalten, die als Breite der Spalte dienen
X ist die Anzahl der Zeilen, die als \"Höhe\" der Spalte dienen
(X= middle, top oder bottom) stellt ein, wo der Text eines Zellblocks steht
gibt die Farbe einer Zeile an
Quelltext einer Tabelle
***********************
Eine Tabelle
Hier ist die Tabelle
eine Spalte
noch eine Spalte
und die letzte Spalte
hier steht der Text mittig
hier mal rechts
hier mal links
hier mal unten mit Hintergrund
hier einfach so mit Hintergrund
jetzt unten rechts mit Farbe
hier mal eins mit zwei Spalten
hier mal eins mit zwei Zeilen
aber eine geht noch
eine ganz normale
Wenn er sehen wollt wie das alles aussieht, schreibt mir einen Kommentar oder kopiert euch das komplette HTML in ein Textdokument und öffnet es im Browser !
|
