Notizen für meine HTML-Programmierung

Wer hat mir geholfen?

Das Tutorial von www.homepage-einsteiger.de
Außerdem das Seminar von www.html-seminar.de
In den Validator lässt sich der HTML Text hineinkopieren und anschließend überprüfen. Besonders hilfreich, falls etwas nicht so klappt wie es eigentlich sollte.
Der einfache freeware HTML Editor hilft bei der Erstellung des HTML Codes. Er ersetzt z.B. die Umlaute sofort nach der Eingabe durch die entsprechenden HTML Tags: www.scriptly.de
Da das bisher verwendete Gästebuch schließen musste (keine Ahnung warum) war ich leider "gezwungen", dass ich mir mein eigenes einfaches Gästebuch programmiere (in PHP). Die notwendigen Infos habe ich bei der TU Chemnitz gefunden. Danke.

Danke euch allen, ohne euch würde meine HTML Seite vermutlich NICHT so aussehen!!!

Zeichen Formatierung

(Aus)kommentieren von Code
<b> ... </b>: Der Text dazwischen ist Fett (bold)
<i> ... </i>: Der Text dazwischen ist Kursiv (italic)
<u> ... </u>: Der Text dazwischen ist Unterstrichen (underline). Underline soll aber möglichst nicht verwendet werden, da hiermit normalerweise Verweise gekennzeichnet sind!
<sup> ... </sup>^{Der Text dazwischen ist hochgestellt (superscript)}
<sub> ... </sub>_{Der Text dazwischen ist tiefgestellt (subscript)}
<tt> ... </tt> Der Text dazwischen hat gleiche Abstände (tt=teletyper=Fernschreiber)
<br />: Erzeugt einen Zeilenumbruch (break)
<hr />: Erzeugt eine horizontale Linie (horizont ruler)

<ul> <li> Aufzählung 1 <li> < <li> Aufzählung 2 <li> < <li> ... <li> < /ul>

Auzählung 1
Aufzählung 2
...

<ol> <li> Aufzählung 1 <li> < <li> Aufzählung 2 <li> < <li> ... <li> < /ol>

Auzählung 1
Aufzählung 2
...

Verweis

Mit dem Befehl <a href="LINK">Anzeigetext</a> legt man einen Verweis an. Dieser Link kann z.B. auf ein Bild verlinken...
Mit dem Zusatz target kann man noch festlegen, ob die verlinkte Seite in einem neuen Fenster geöffnet wird.
z.B.: <a href="LINK" target="_blank">Anzeigetext</a>
öffnet die angegebene Seite in einem neuen Tab. Gibt man anstelle von _blank ein beliebiges Wort an, werden alle Links mit diesem Wort in dem selben Fenster geöffnet.

Hintergrundfarbe

Die Body Eigenschaft einfach um den Befehl bgcolor="#ffffef" erweitern. bgcolor gibt die Hintergrundfarbe als HEX-RGB Wert an. Ein schöner Blauwert ist z.B. #c0d0ff

Überschriften

Um eine Struktur in die Internetseite zu bringen, benötigt man Überschriften. Dazu stehen drei unterschiedlich große Überschriften zur Verfügung <h1> (groß) bis <h6> (klein)

Sonderzeichen

Schreibt man einen ganz normalen Text, werden die Sonderzeichen mit irgendwelchen Zeichen dargestellt. Die Sonderzeichen müssen mit HTML Befehlen erstellt werden: Hier einige Beispiele für wichtige Sonderzeichen:
Ä = Ä
ä = ä
Ö = Ö
ö = ö
Ü = Ü
ü = ü
ß = ß
< = <
> = >

Tabellen

Die Tabelle beginnt mit <table> und endet mit </table> Innerhalb der Tabelle gibt es folgende elementare Befehle:
<tr> ... </tr> beschreibt die Tabellenzeile (table row)
<th> ... </th> beschreibt eine Tabellen Überschrift innerhalb der ersten Tabellezeile (table header)
<td> ... </td> beschreibt Tabellen Dateneinträge innerhalb der nächsten Tabellenzeilen (table data)

Java addins

Gästebuch einrichten unter: www.topster.de/gb/

Styling Befehle

Wie bereits vorhin schon erwähnt, ist das CSS File eine Datei in welcher die Styles verwaltet werden könne. Dies wäre zwar grundsätzlich im HTML File ebenfalls möglich, jedoch kann man in einem CSS-File die Einstellungen für die Styles global verwalten, wenn die HTML Dateien auf ein gemeinsames CSS File zugreifen.

CLASS: Eine Klasse wird im CSS-File mit .Name gekennzeichnet. Eine Klasse kann beliebig oft im HTML File verwendet werden. Im HTML-File werden die jeweiligen Einstellungen mit <class=Name> verwendet.
ID:Eine ID ist der Klasse sehr ähnlich, mit dem Unterschied, dass die ID nur einmal verwendet werden darf. Im CSS-File wird die ID mit #Name gekennzeichnet. Im HTML-File werden die jeweiligen Einstellungen mit id="Name"'
DIV: Div (division) bedeutet Bereich. Im <div> ... </div> Bereich handelt es sich um einen Block der definiert wird.
Dieser Satz wurde mit <div style="background-color:green;"> definert.
SPAN: Span bedeutet ebenfalls Bereich. Im Gegensatz zu div ist der <span> ... </span> Bereich aber KEIN Block, sondern dieser kann innerhalb eines Bereiches angewendet werden. Dieser Satz wurde mit dem Befehl <span style="background-color:yellow;"> definert.
FLOAT: Ich würde die Bedeutung mit Umlauf beschreiben. Wie man es von Word&Co. gewohnt ist, kann man damit festlegen wie sich mehrere Elemente (z.B. Bilder) nebeneinander verhalten. Mit diesem Befehl kann das Layout von Webseiten mit Navigationsleiste oder ähnlichem ausgestattet werden. Tolle Beispiele findet man unter: www.html-seminar.de
MARGIN: Margin bedeutet so viel wie einrücken. Die Richtung wird noch mit der Breite angegeben. Diese kann in Pixel (px), relativ (%) oder "em" (em) angegeben werden.
Beispiel: margin-left: 14em; bedeutet, dass der Block 14em von links eingegeben werden. Wird oft im Zusammenhang mit Float verwendet.

Du bist der . Besucher seit dem 15.01.2011! by counter.topster.de