Wie man einen Kalender mit HTML

October 8

Wie man einen Kalender mit HTML

Ein Kalender in HTML gemacht, kann eine sinnvolle Ergänzung zu Ihrer Website oder eine praktische Übung bei der Formatierung von Tabellen sein. Es gibt viele Möglichkeiten, einen Kalender anzupassen. Sie können einen großen Kalender Veranstaltungen Gelistet auf jedes Datum vornehmen; einen kleinen Kalender mit Links zu täglichen Veranstaltungen; oder mit Feiertage und Ereignisse in farblich gekennzeichneten Text oder Hintergründe. Mit ein wenig Erfahrung in der HTML-Programmierung können Sie Ihren eigenen HTML-Kalender anpassen.

Anweisungen

1 Typ "< Tabellenrahmen = 1 >" erstellen Sie Ihre Tabelle. Sie können Ihren Kalender Rand erhöhen, indem Sie eine höhere Zahl "1" ersetzen.

2 Korrigieren Sie die Breite der einzelnen Spalten durch Eingabe von:< Col Breite = "50" >

Ersetzen Sie durch Ihre gewünschte Spaltenbreite "50", und wiederholen Sie sieben Mal, einmal für jede Spalte. Dieser Schritt ist nicht notwendig, aber es wird helfen, halten Sie Ihre Kalender-Spalten gleich, wenn Sie Veranstaltungen oder anderen Text hinzufügen.

3 Erstellen Sie die erste Zeile, indem Sie eingeben:< tr Colspan = "7" >< th ausrichten = "center" > < /th >< / tr > September 2010

Ersetzen Sie "September 2010" mit dem gewünschten Monat und Jahr. Der Code "< tr >" steht für "Table-Row" und "< th >" steht für "Tabellenkopf", d.h. im Monat und Jahr wird hervorgehoben werden. Der Code "< tr Colspan ="7">" bedeutet die Zeile erstrecken sich über alle sieben Spalten (Wochentage) in Ihrem Kalender.

4 Stellen Sie eine Zeile, die Anzeige der Tage der Woche an der Spitze jeder Spalte des Kalenders:< tr >< th ausrichten = "center" > < /th >< Sonntag th ausrichten = "center" > < /th > Montag

Achten Sie darauf, "</tr >" am Ende die Zeile abschließend.

5 Die Anzahl der Tage und der Anfangstag der Woche für Monat und Jahr im Kalender nachschlagen.

6 Machen Sie eine Zeile für die erste Woche des Kalenders, mit "< td >" (normale Tabellenzellen), statt "< th >" (Headerzellen). Lassen Sie leere Kästchen vor dem Startdatum. Wenn die erste des Monats auf einen Montag fällt, sollte die Zeile als beginnen:< tr >< td >< / >< TD td align = "center" > 1 </td >< td align = "center" > 2 </td >

Fahren Sie mit dem sechsten und endend mit "</tr >." Ersetzen Sie "Mitte", mit "richtigen" oder "Links", wenn Sie die Daten anders ausgerichtet möchten.

7 Erstellen Sie zusätzliche Zeilen für alle Tage des Monats. Am Ende der Tabelle mit "< / table >."

Tipps & Warnungen

  • Wenn Sie Text in eine Zelle im Kalender hinzufügen, geben Sie"
  • "um einen Zeilenumbruch nach dem Datum anzugeben.