Hvordan lage en kalender ved hjelp av HTML
En kalender laget i HTML kan være et nyttig tillegg til nettstedet ditt, eller en praktisk øvelse i å formatere tabeller. Det er mange måter å tilpasse en kalender. Du kan lage en stor kalender med hendelser notert på hver dato; en liten kalender med lenker til daglige hendelser; eller en med helligdager og begivenheter i fargekodet tekst eller bakgrunn. Med litt erfaring i HTML-koding, kan du tilpasse din egen HTML kalender.
Bruksanvisning
1 Type "<table border = 1>" for å lage tabellen. Du kan øke størrelsen på kalenderen din grense ved å erstatte "1" med et høyere tall.
2 Fix bredden på hver kolonne ved å skrive:
<Col width = "50">
Erstatt "50" med ønsket kolonnebredde og gjenta syv ganger, en gang for hver kolonne. Dette trinnet er ikke nødvendig, men det vil bidra til å holde kalenderen kolonner lik hvis du legger til hendelser eller annen tekst.
3 Lag den første raden ved å skrive:
<Tr colspan = "7"> <th align = "center"> september 2010 </ th> </ tr>
Erstatt "September 2010" med riktig måned og år. Koden "<tr>" står for "table row" og "<th>" står for "table header", som betyr måned og år vil bli vektlagt. Koden "<tr colspan =" 7 ">" betyr rad vil strekke seg over alle de syv søyler (dager i uken) i kalenderen din.
4 Lag en rad som viser dager i uken til å lede hver kolonne i kalenderen:
<Tr> <th align = "center"> Søndag </ th> <th align = "center"> mandag </ th>
Sørg for å avslutte med "</ tr>" for å avslutte rad.
5 Slå opp antall dager og startdagen for uken for måned og år på kalenderen.
6 Lag en rad for den første uken av kalenderen, ved hjelp av "<td>" (normale tabellceller), i stedet for "<th>" (overskriftscellene). La tomme bokser før startdatoen. For eksempel, hvis den første dagen i måneden faller på en mandag, bør rad begynner som:
<Tr> <td> </ td> <td align = "center"> 1 </ td> <td align = "center"> 2 </ td>
Fortsett videre til den sjette og slutter med "</ tr>". Erstatt "sentrum" med "riktig" eller "venstre" hvis du ønsker datoene justert annerledes.
7 Opprett flere tabellrader for alle dagene i måneden. Avslutt bordet ditt med "</ table>."
Hint
- Hvis du legger til tekst i en celle i kalenderen, type "
- "For å indikere et linjeskift etter datoen.