How to Create a Free HTML Calendar for My Website

By TimBrookes

Creating a calendar by hand for a user with limited experience can be tough. For organizing events and keeping visitors informed, a calendar is a very useful tool. Using HTML it is possible to generate a simple calendar that is customizable and suitable for both websites and printing.

Things You'll Need

  • Computer
  • Internet browser
  • HTML editor

HTML Calendar Maker

Step 1

Visit in your Internet browser.

Step 2

Customise your calendar with the options available. Enter a year, decide on appearance and choose a font size.

Step 3

Click Submit to create your calendar. Make sure pop-up blockers are disabled as the calendar will appear in a pop-up window.

Step 4

View the source code of the pop-up window with your Internet browser. Different browsers will do this differently, but most will allow you to right-click (command-click on Mac) the web page and select from there. Once you have found the code, copy it to the clipboard.

Step 5

Use your HTML editor to paste the code into your website. In Windows you can do this with Notepad. The calendar will use a table format so it is possible to customize your calendar by adding text to cells.

Tips & Warnings

  • To print your calendar instead of using it on a website, simply print the generated pop-up calendar straight from your Internet browser.
  • The HTML Calendar Maker requires that Javascript is enabled in your Internet browser. Without this enabled the generator will not work. As the author has requested, it is important not to remove the small copyright notice at the bottom of the calendar.