How to make a Calendar online

1
How to make a Calendar online

• By Abigail Dunham

2
Basics

• Remember When you save you paper put HTML after
  the file name.
• First of all you have to open a web page.
• You do that by opening HTML. ltHTMLgt
• After that you have to open the head. ltHEADgt
• Then you open the title.
  ltTITLEgt
• After that you put the title of your choice, what
  you put will appear on the title bar.

3
Basics (continued)

• Then you close the title.
  lt/TITLEgt
• You close all tags by putting a right slash. lt /
  gt
• The body is where all the text that is shown is
  written.
• So the next step is opening the body
  ltBODYgt

4
How to make a Table

• To make a calendar the main thing needed is a
  table.
• First you open the table ltTABLEgt.
• Inside the table there are two tags you use the
  ltTRgt tag and the ltTDgt tag.
• ltTRgt tags are for the rows in the table.
• ltTDgt tags are for each individual cell in the
  row.

5
More on Tables

• To change the size of the table you can use
  width and height inside the table tag
• Ex. ltTABLE WIDTH100 HEIGHT100gt
• With the example shown my calendar would be a
  full screen.
• To change the width of the border you put border
  inside the table tag.
• Ex. ltTABLE BORDER5gt Numbers 3-5 are reasonable
  numbers for the border.

6
Borders Colspan

• If a border is not put in nothing will show where
  it is suppose to be.
• You can also give the border a color by putting
  bordercolorcolor in side the table tag.
• Ex. ltTABLE BORDERCOLORBLUEgt
• To make the columns for the calendar you use the
  tag ltCOLSPAN7gt.
• You would use 7 because there are seven days in a
  week.
• You would place the colspan tag after the first
  TR tag that is under the table tag.

7
How to make the title

• To make the title of the Calendar you open a row
  ltTRgt
• Then you open a cellltTDgt
• After that you put the name of the month
• Then you close the cell and the row lt/TDgtlt/TRgt
• So it should look like this
• ltTRgtltTDgtApril 2003lt/TRgtlt/TDgt

8
How to make the days of the week

• Now you need to list your days, so you start a
  new row and a new cell.
• After that you right Sunday and close the cell.
• Dont forget that you dont need start a new row
  just a new cell.
• You repeat that until you have done Sunday
  through Saturday.

9
How to make the days

• After you have opened the table you would open
  the first row with ltTRgt.
• Then you would make you first individual square
  with ltTDgt
• Depending on what day the month starts on you
  will have to leave some blank spaces
• (example) If the month starts on a Thursday you
  would leave 4 blank spaces
• You would make blank spaces by not putting
  numbers inside the tags ex. ltTDgtlt/TDgt

10
Days

• Make sure you have made your title and you have
  the correct amount of blank spaces
• Then you start a new row and a new cell.
• Ex. ltTRgtltTDgt1lt/TDgtltTDgt2lt/TDgt
• Dont forget to close the row when the right
  amount of days are done.
• If your month started on Sunday you would do days
  until they reached 7 then you would close the row
  and start a new one
• You keep doing that until you reach the proper
  amount of days in the month.

11
How to complete a table

• After the proper amount of days and after you
  have closed the row you need to close the table,
  body, and html.
• Ex. lt/TABLEgt
• lt/BODYgt
• lt/HTMLgt
• Anything after that point will not be included in
  your web page.

12
How to link the months together

• If you want to link all the months of the year
  together you have to use a hyper reference link.
• The links name is this
• ltA HREFNAME.HTMLgtLink Name that will be
  shownlt/Agt
• The A stands for anchor and needs to be closed
  after the link name is written.
• You will probably want to link each month to the
  next month and the previous month and to your
  home page.
• Make sure you write the links before or after you
  open or close the table

13
Making a year calendar

• After you have completed one month go up to the
  edit box and click on Copy
• Then you open a blank notepad go up to the edit
  box and click on paste
• After that you change the title and change the
  amount of blank spaces

14
Continued

• Then change the amount of days in the month
• Always remember to save your new month
• You repeat those steps until you have completed
  the year.

15
Finishing Touches

• I you wan to change the text color you write
  TEXTCOLOR inside the body tag.
• If you want Change the color of the background
  you write
• BG COLORCOLOR in side the body tag.
• Abby.HTM