HOW TO MAKE AN HTML CALENDAR

1
HOW TO MAKE AN HTML CALENDAR

• BY SAVANNAH L. BAYLES

2
THE BASICS

• First, to create any sort of web page you need a
  computer.
• Second, you need a text editor (for example
  Notepad)
• Third, you need a browser (preferably one that
  supports images. Like Internet Explorer)
• Note you dont need an internet unless you want
  others to view your page.

3
GETTING STARTED

• Now you need to go into your text editor. Then
  go to file, save as, click on the arrow that is
  next to the save in, and click on the
  directory you want to save your file in
  (preferably your H drive). Then you click on
  the arrow that is next to the save as type
  box. Now you click on All Files. Next you click
  in the File Name box, and type in what you want
  to name your file.

4
CONTAINER TAGS

• A container tag, is a tag that has to be opened
  and closed, but there are tags that dont have to
  be closed (if they dont have to be closed they
  arent called container tags). ALL tags must be
  put in carrots for the browser to read.
• Carrots arelt gt, to open a tag, such as HTML,
  simply type ltHTMLgt. To close the tag type
  lt/HTMLgt. When closing any tag you have to have a
  / (a forward dash).

5
BEGINNING

• There are six container tags you need to know to
  start any document/web page.

• 1st- ltHTMLgt
• 2nd- ltHEADgt
• 3rd- ltTITLEgt
• Write your title
• 4th- lt/TITLEgt
• 5th- lt/HEADgt
• 6th- ltBODYgt

6
WHAT THE TAGS STAND FOR

• ltHTMLgtTells the browser everything that follows
  is a web page.
• ltHEADgtTells the browser information it needs to
  know but not to show, except the title in the
  title bar.
• ltTITLEgtTells the browser what to name the
  document.
• lt/TITLEgtTells the browser when its the end of
  the title.
• lt/HEADgtTells the browser when its the end of the
  head.
• ltBODYgtTells the browser that everything that
  follows is in the body, and is to be shown.

7
CREATING TABLES

• Once you have typed in the six needed tags to
  start your web page, youre ready to start the
  table tags.
• After the ltBODYgt tag type ltTABLEgt.
• There are ways to change the border size and
  color and width and height of your calendar.

• For the border size type ltTABLE BORDER__gt and
  put the size you want in place of the__.
• For the border color type ltTABLE BORDERCOLOR___gt
  and the color of your choice.

8
CREATING TABLES CONTINUED

• For the width type ltTABLE WIDTH__gt and the size
  youd like.
• For the height type ltTABLE HEIGHT__gt and the
  size in a percent.
• You can combine these in any way you want. Just
  make sure you put spaces between them.
• Example ltTABLE BORDER5 BORDERCOLORBLUE
  WIDTH500 HEIGHT100gt

9
CALENDAR

• Now is the time to start the cells, or boxes of
  your calendar.
• First, you type the tag ltTRgt, which stands for
  Table Row.
• This tells the browser to start the first row of
  your calendar.
• Next, type ltTD COLSPAN7gt ltCENTERgt ltH1gt
  ltBgt_______ lt/TDgt lt/TRgt (putting the month, youre
  on, in place of the blank.
• You have to open ltTDgt so the browser knows you
  want to start your first box. The ltCOLSPAN7gt
  tells the browser that your first row and cell
  needs to spread across 7 cells. Then the lt/TDgt
  and lt/TRgt tells the browser that is all you want
  to put in that row and cell.

10
THE DAYS

• Next you are going to type the days of the week.
• So first you need to open a new row and cell.
  (ltTRgt ltTDgt)
• Now type the day (ltTRgt ltTDgt Sundaylt/TDgt ltTDgt
  Mondaylt/TDgt and so on)
• When you get to Saturday type ltTDgtSaturdayltTDgt
  lt/TRgt

11
THE WEEKS

• As you know not all months start on Sunday. So,
  for example, if the month starts on a Tuesday,
  you type ltTRgt ltTDgt lt/TDgt, ltTDgt lt/TDgt, ltTDgt1.
  lt/TDgt
• This is because when you open ltTDgt and close
  lt/TDgt without anything in between, it will be a
  blank cell. Doing it once would leave it blank
  under Sunday, and twice it would be blank under
  Monday. Then when you open ltTDgt for the third
  time it will be under Tuesday, so you type 1.

12
ENDING THE WEEK

• From there, when you have typed in the numbers
  for the days, you need to close lt/TRgt, AFTER you
  have typed in the day for Saturday. Then you must
  open ltTRgt, and start typing your numbers again (
  be sure to open and closeltTDgt before and after
  the numbers.)
• Example (starting on Tuesday)ltTRgt ltTDgt lt/TDgt
  ltTDgt lt/TDgt ltTDgt1.lt/TDgt ltTDgt2.lt/TDgt ltTDgt3.lt/TDgt
  ltTDgt4.lt/TDgt ltTDgt5.lt/TDgt lt/TRgt ltTDgt6.lt/TDgt

13
EXTRA TIPS

• It is a good idea to save your work every few
  minutes, even if your not ready to exit.
• To do this you can either go to file and save or
  press Control S (CtrlS) but make sure you keep
  the Ctrl button held down while you press S.
• It is also a good idea to go and check your work
  every few minutes to make sure it is turning out
  the way you wanted it to.
• If its not go back to Notepad and search
  thoroughly for even the tiniest mistake as an
  unwanted space.