Hvordan man laver en kalender ved hjælp af html
En kalender lavet i HTML, kan være et nyttigt supplement til din hjemmeside, eller en praktisk øvelse i formatering tabeller. Der er mange måder at tilpasse en kalender. Du kan lave en stor kalender med arrangementer, der er anført på hver dato; en lille kalender med links til daglige begivenheder; eller et en med helligdage og begivenheder i farvekodede tekst eller baggrunde. Med lidt erfaring i HTML kodning, kan du tilpasse dine egne HTML kalender.
Instruktioner
• Skriv "<table border = 1>" for at oprette din tabel. Du kan øge størrelsen på din kalender grænse ved at erstatte "1" med et højere tal.
• Fastgør bredden af hver kolonne ved at skrive: <col width = "50"> Erstat "50" med den ønskede kolonnebredde og gentag syv gange, én gang for hver kolonne. Dette trin er ikke nødvendigt, men det vil hjælpe med at holde din kalender kolonner lige, hvis du tilføjer begivenheder eller anden tekst.
• Opret den første række ved at skrive: <tr kolonnespredning = "7"> <th align = "center"> September 2010 </ th> </ tr> Erstat "September 2010", med den korrekte måned og år. Koden "<tr>" står for "tabel rækken" og "<th>" står for "tabel header", hvilket betyder måned og år vil blive understreget. Koden "<tr kolonnespredning =" 7 ">" forstås rækken vil strække sig over alle syv søjler (dage i ugen) i din kalender.
• Lav en række, der viser de dage i ugen til hovedet hver kolonne i kalenderen: <tr> <th align = "center"> Søndag </ th> <th align = "center"> Mandag </ th> Sørg for at afslutte med "</ tr>" for at afslutte rækken.
• Slå op det antal dage og første dag i ugen for måneden og året på din kalender.
• Lav en række for den første uge af kalenderen, ved hjælp af "<td>" (normal tabelceller), i stedet for "<th>" (header celler). Lad tomme kasser før startdatoen. For eksempel, hvis den første i måneden falder på en mandag, skal rækken begynde så: <tr> <td> </ td> <td align = "center"> 1 </ td> <td align = "center" > 2 </ td> Fortsæt til den sjette og slutter med "</ tr>." Erstat "center" med "rigtige" eller "venstre", hvis du vil have de datoer justeret forskelligt.
• Oprette flere tabelrækker for alle dage i måneden. Afslut din tabel med "</ table>."