Hvordan lage en kalender ved hjelp av HTML

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.