Un calendario fatto in HTML può essere un'aggiunta utile per il tuo sito Web, o un esercizio pratico di formattazione delle tabelle. Ci sono molti modi per personalizzare un calendario. Si può fare un grande calendario con gli eventi elencati in ogni data; un piccolo calendario con i collegamenti agli eventi quotidiani; o una con festività ed eventi in testo con codifica a colori o sfondi. Con un po' di esperienza in codice HTML, è possibile personalizzare il proprio calendario HTML.

Istruzioni

1

Tipo "< tavolo border = 1 >" per creare il tuo tavolo. È possibile aumentare la dimensione del bordo del tuo calendario sostituendo "1" con un numero superiore.

2

Difficoltà la larghezza di ogni colonna digitando:
< larghezza col = "50" >

Sostituire "50" con la larghezza della colonna desiderata e ripetere sette volte, una volta per ogni colonna. Questo passaggio non è necessario, ma contribuirà a mantenere le colonne calendario uguale se si aggiungono eventi o altro testo.

3

Creare la prima riga digitando:
< tr colspan = "7" >< th align = "center" > settembre 2010 < /th >< /tr >

Sostituire "Settembre 2010" con il mese corretto e l'anno. Il codice "< tr >" sta per "table row" e "< th >" sta per "intestazione di tabella," che significa il mese e anno sarà sottolineato. Il codice "< tr colspan ="7">" significa che la riga si estenderà oltre tutte le sette colonne (giorni della settimana) sul vostro calendario.

4

Fare una fila mostrando i giorni della settimana a testa ogni colonna del calendario:
< tr >< th align = "center" > domenica < /th >< th align = "center" > lunedì < /th >

Assicurarsi che alla fine con "< /tr >" per concludere la riga.

5

Cercare il numero di giorni e il giorno iniziale della settimana per il mese e l'anno sul vostro calendario.

6

Fare una fila per la prima settimana di calendario, utilizzando "< td >" (celle di tabella normale), invece di "< th >" (celle di intestazione). Lasciare le caselle vuote prima della data di partenza. Ad esempio, se il primo giorno del mese cade di lunedì, la riga deve iniziare come:
< tr >< td >< /td >< td align = "center" > 1 < /td >< td align = "center" > < /td > 2

Si prosegue per il sesto e termina con "< /tr >." Sostituire "centro" con "destra" o "sinistra" Se si desidera che le date allineate in modo diverso.

7

Creare righe di tabella aggiuntive per tutti i giorni del mese. Terminare il vostro tavolo con "< / tavolo >."

Consigli & Avvertenze

• Se si aggiunge testo a una cella nel calendario, digitare"
• "per indicare un'interruzione di riga dopo la data.