Tutorial HTML-Kalender
Es ist ganz einfach, einen Kalender in HTML-Programmierung. Es wird verwenden, Tabellen, Erstellen einer Reihe von Zeilen und Spalten, die Tabellen sehr ähnlich sind. Lassen Sie einen Kalender als einfachen Text für die Menschen als Referenz verwendet werden oder Sie können die Termine festlegen, als Links zu Menschen visuelle Weise navigieren Datum-empfindlichen Material geben. Wenn Sie die grundlegende Funktionsweise dieser Tabellen verstehen, können Sie ändern, um einen Kalender zu erstellen, die, den Sie jemals brauchen könnte.
Anweisungen
1 Beginnen Sie in der Tabelle. Sie tun dies mit dem code
< TABLE BORDER = 4 CELLSPACING 3 CELLPADDING = 3 = >
< TABLE > ist der grundlegende Code die Tabelle beginnen. Der Grenze-Code erstellt einen Rahmen mit einer Größe von vier, während die Zellen- und Textabstand Codes mit wie viel Platz, um den Text ist zu tun haben. Spielen Sie mit den Zahlen, wenn der Kalender beendet ist, um verschiedene Effekte zu sehen.
2 Fügen Sie die erste Tabellenzeile. Hierzu geben Sie den code
< TR >
< TD COLSPAN = "7" ALIGN = Center > November 2010 </td >
</tr >
< TR > beginnt die Tabellenzeile, </tr > endet es. Sie müssen für jede Zeile dazu. Innerhalb der Zeilen < TD > beginnt die Tabellendaten und </td > beendet.
COLSPAN = "7" teilt dem Browser mit, dass diese Zeile über sieben Spalten (eine für jeden Tag) gestreckt werden.
3 Die Tag-Zeile durch den folgenden Code hinzufügen:
< TR >
< TD ALIGN = Center > Sun </td >
< TD ALIGN = Center > Mo </td >
< TD ALIGN = Center > di </td >
< TD ALIGN = Center > Mi </td >
< TD ALIGN = Center > Thu </td >
< TD ALIGN = Center > fr </td >
< TD ALIGN = Center > SA </td >
</tr >
Dies hat eine Zeile mit sieben Spalten, eine für jeden Tag erstellt. Jede / TD > < TD >< stellt eine Spalte.
4 Die erste Zeile der Daten durch den folgenden Code hinzufügen:
< TR >
< TD ALIGN = Center >< / td >
< TD ALIGN = Center > 1 </td >
< TD ALIGN = Center > 2 </td >
< TD ALIGN = Center > 3 </td >
< TD ALIGN = Center > 4 </td >
< TD ALIGN = Center > 5 </td >
< TD ALIGN = Center > 6 </td >
</tr >
November 2010 beginnt an einem Montag, so dass die erste Spalte in dieser Zeile (a Sonntag) leer ist.
5 Weitere Zeilen der Daten bis zum Abschluss der Kalender hinzu.
6 Beenden Sie die Tabelle mit dem Code < / TABLE >
Tipps & Warnungen
- Hier ist der vollständige Code für diesen Kalender:
- < TABLE BORDER = 4 CELLSPACING 3 CELLPADDING = 3 = >
- < TR >
- < TD COLSPAN = "7" ALIGN = Center > November 2010 </td >
- </tr >
- < TD ALIGN = Center > Sun </td >
- < TD ALIGN = Center > Mo </td >
- < TD ALIGN = Center > di </td >
- < TD ALIGN = Center > Mi </td >
- < TD ALIGN = Center > Thu </td >
- < TD ALIGN = Center > fr </td >
- < TD ALIGN = Center > SA </td >
- < TD ALIGN = Center >< / td >
- < TD ALIGN = Center > 1 </td >
- < TD ALIGN = Center > 2 </td >
- < TD ALIGN = Center > 3 </td >
- < TD ALIGN = Center > 4 </td >
- < TD ALIGN = Center > 5 </td >
- < TD ALIGN = Center > 6 </td >
- < TD ALIGN = Center > 7 </td >
- < TD ALIGN = Center > 8 </td >
- < TD ALIGN = Center > 9 </td >
- < TD ALIGN = Center > 10 </td >
- < TD ALIGN = Center > 11 </td >
- < TD ALIGN = Center > 12 </td >
- < TD ALIGN = Center > 13 </td >
- < TD ALIGN = Center > 14 </td >
- < TD ALIGN = Center > 15 </td >
- < TD ALIGN = Center > 16 </td >
- < TD ALIGN = Center > 17 </td >
- < TD ALIGN = Center > 18 </td >
- < TD ALIGN = Center > 19 </td >
- < TD ALIGN = Center > 20 </td >
- < TD ALIGN = Center > 21 </td >
- < TD ALIGN = Center > 22 </td >
- < TD ALIGN = Center > 23 </td >
- < TD ALIGN = Center > 24 </td >
- < TD ALIGN = Center > 25 </td >
- < TD ALIGN = Center > 26 </td >
- < TD ALIGN = Center > 27 </td >
- < TD ALIGN = Center > 28 </td >
- < TD ALIGN = Center > 29 </td >
- < TD ALIGN = Center > 30 </td >
- < / TABLE >