How to Create a Calendar on a Webpage

1
How to Create a Calendar on a Webpage

2
Beginner Basics

• First you need a browser (Notepad is a good one
  to use), so that you can create your webpage.
• To make it into a webpage you must save it as an
  html file. (example file name.html)
• To view your webpage as your creating it log
  onto the internet , click file, scroll down,
  click on open, click on browse, select your saved
  file, and then click open.
• You can also make changes by right clicking and
  selecting view source.

3
Creating a Webpage

• After you have logged onto your browser, you
  should immediately save it as an html file.
• To make it into a webpage you must use Hyper Text
  Markup Language, or html.
• To begin your webpage you must first open your
  webpage. To do this, you use this tag ltHTMLgt.
  This tells the computer that everything between
  these carrots (ltgt, open and close tags), is
  included in the webpage. To close these carrot
  tags you just simply add a slash lt/HTMLgt.

4
Creating a Webpage (continued)

• The next carrot tag used when opening your
  webpage is this ltHEADgt(close tag is lt/HEADgt).
  Everything between these tags is what the
  computer needs to know, but doesnt show (except
  for the title).
• Between these two head tags is where the title
  tag is placed. You open it by typing ltTITLEgt and
  close it by typing lt/TITLEgt. Then between them
  you put your title.
• After you have finished these steps you need to
  open the body. You do this by typing ltBODYgt. This
  is where you put everything you want to show on
  your webpage. Then you close it by typing
  lt/BODYgt.

5
Creating a Webpage(continued)

• In order to read your browser easier you may want
  to organize it a little, like the following
• ltHTMLgt
• ltHEADgt
• ltTITLEgttitle of webpagelt/TITLEgt
• lt/HEADgt
• ltBODYgt
• This is where you put everything you want to
  show on your webpage.
• lt/BODYgt
• lt/HTMLgt

6
Things to Know Before You Start Your Calendar

• To make a calendar, we are going to use a table.
  To open the table we use this ltTABLEgt (close
  lt/TABLEgt). Inside the open table tag you can put
  how large you would like your border. For
  exampleltTABLE border3gt. The number represents
  pixels. You can also put in height and length
  similar (ltTABLE border5 height100 length200).
• To start a row you type in ltTRgt (closelt/TRgt).
  TR stands for table row.
• Next you must open the table data tag, or the tag
  that open up each cell. The tag for that is ltTDgt
  (closelt/TDgt).

7
Time To Make Your Calendar!

• To begin your calendar you must open all your
  HTML tags-the ones you learned earlier on the
  Creating a Webpage page.
• Next you need to open a table and make your
  border between 1-5 pixels (you can make it larger
  but 1-5 is preferred).
• Next open up your table row (ltTRgt). Then open a
  table cell (ltTDgt), and type in colspan7 (ltTD
  colspan7gt). Then write the name of the month of
  the calendar. Then you need to close your cell
  (lt/TDgt) and close your table row (lt/TRgt).
• 
  (continued?)

8
(Continued)

• To start the next row you need to type in your
  row tag again (ltTRgt). Then open up your cell
  (ltTDgt), now you can type in days of the week. You
  need to close the cell (lt/TDgt) after every day,
  and open it before every day. After you are done
  with that you need to close your row. (lt/TRgt). It
  should look something like this
• ltTRgtltTDgtSundaylt/TDgt
• ltTDgtMondaylt/TDgt
• ltTDgtTuesdaylt/TDgt
• ltTDgtWednesdaylt/TDgt
• ltTDgtThursdaylt/TDgt
• ltTDgtFridaylt/TDgt
• ltTDgtSaturdaylt/TDgtlt/TRgt

9
(continued)

• Next, you need to put in the numbers of the days.
  For this you basically do the same thing that you
  did for the days of the week. For the days that
  dont need any numbers just leave blank, but you
  must open and close the empty cells (ltTDgt,lt/TDgt)
  just the same. For every week you need to open
  and close another row (ltTRgt,lt/TRgt)
• Sample
• ltTRgtltTDgtlt/TDgt
• ltTDgtlt/TDgt
• ltTDgt1.lt/TDgt
• ltTDgt2.lt/TDgt
• ltTDgt3.lt/TDgt
• ltTDgt4.lt/TDgt
• ltTDgt5.lt/TDgtlt/TRgt
• Then start your next week open another row,
  and continue with the rest of the day numbers.

10
(continued)

• After you have filled out all the days with
  numbers you need to close it. To close it you
  just close the table (lt/TABLEgt), the body
  (lt/BODYgt), and the webpage (lt/HTMLgt).
• YOU DID IT!!!!!!!!

11
Just Some Other Tips

• It is really hard to explain how to make a
  webpage by just writing how its done. I could
  have left out some very important details, and
  you will have to agree with me that it didnt
  make a whole lot of sense. To actually give you a
  better idea I would have to show you.
• If you would like to see a better example of a
  webpage calendar in HTML, go back to one of my
  calendars on my webpage. All you have to do is
  right click on the webpage, when the white box
  comes up scroll down and click view source.
  This will give you a better example of how to
  make a webpage calendar.

12
Just Some More HTML Tags

• I would like to give you some other tags that
  might make your calendar (or webpage) more
  interesting.
• ltcentergt this tag must be closed, it centers
  whatever work is between the open and close tags.
• lth1gtThis tag must be closed, it is a heading
  tag. The 1 represents how big you want your
  heading. 1 is the largest and 6 is the smallest.
• ltBRgtThis tag does not have to be closed, this is
  a break tag and is used to go to the next line.
• ltPgtThis tag does not have to be closed, this is
  a paragraph tag and is used to start another
  paragraph.

13
(continued)

• ltIgtThis tag must be closed, this tag makes
  anything inside it Italic. ltemgt does the same
  thing. The em stands for emphasis.
• ltBgtThis tag must be closed, it is used to make
  your font bold. The ltstronggt tag, does the same
  thing.
• ltUgtThis tag must be closed, is used to underline
  your work.