Dieses html-Tutorial soll dir einige Grundkenntnisse über die Sprache "html" vermitteln. Es werden verschiedene Beispielseiten zu sehen sein zu denen du dir den Quelltext anschauen solltest. Sei aber gewarnt, ich bin manchmal etwas albern.
Zunächst einmal gibt es die tags (vordefinierte Steueranweisungen), deren Werte und deren Inhalte.
Wert = Wie es dargestellt wird ( z.B.: Grßen, Farben)
Inhalte = Was dargestellt wird (z.B.: Text, Grafik)
tags werden in der Regel durch < > eingeleitet und durch <⁄ > beendet. Innerhalb <> werden auch die Werte angegeben. Zwischen <> und <⁄> befindet sich dann der eigentliche Inhalt, der auf der Webseite zu sehen ist.
Sollte eines dieser Zeichen vergessen werden so kann dies bedeuten, dass die Seite falsch oder sogar gar nicht im Browser angezeigt wird.
Es gibt aber auch Ausnahmen wie zum Beispiel den Zeilenumbruch <br>. Der Zeilenumbruch hat keine wirklichen Inhalte als solches, sondern er ist mehr oder weniger selber ein Inhalt. Er sagt dem Browser nur, dass der nachfolgende Text
in einer neuen Zeile dargestellt werden soll.
zum Quelltext
Alles was im Quelltext zwischen <!–– und ––> steht ist auskommentiert und wird von den Browsern ignoriert und nicht angezeigt. Es sind Kommentare zum besseren Verständnis!
Um sich den Quelltext anzeigen zu lassen muss man einfach nur die rechte Maustaste drücken und "Quelltext anzeigen" auswählen.
Meine Quelltexte strukturiere ich für gewöhnlich wie folgt.
Ich rücke die Inhalte der verschiedenen tags immer weiter nach rechts ein:
<tag 1>
Inhalt von "tags 1" (kann auch ein untergeordneter tag mit eigenem Inhalt sein.)
<tag 2>
Inhalt von "tags 2" (kann auch ein untergeordneter tag mit eigenem Inhalt sein.)
<⁄tag 2>
<⁄tag 1>
Denn so kann ich viel schneller den Fehler finden, wenn ich z. B. mal einen tag nicht richtig geschlossen habe.
Zur besseren Übersicht lasse ich im Quelltext vor jedem Kommentar von mir 2 Leerzeilen.
Meine Kommentare beziehen sich immer auf das direkt nachfolgende tag (oder dessen Wert oder dessen Inhalt).
Also, ab zur nächsten Seite, "html-Grundlagen", welche in einem neuen Fenster geladen wird.