How to Create a Table Grid

A table grid for a website can be created in an HTML editor or in Notepad. Grids are made up of table borders that surround each side of a cell. Grids can be used for making lists of items or for printing homemade graph paper. The size of the squares a grid creates is dependent upon the size of the table cells. A table must be created to create grid lines. The grid itself is actually the borders around the table.

Video of the Day

Create a table grid on a web page.


Click "Start," type "Notepad" in the search text box and press the "Enter" key. This will open the Notepad application.


Type the following lines, pressing "Enter" after each entry:

A Table Grid


Type "

" and press "Enter." This is where the grid is created. The "border" command makes the grid border two pixels thick. The "bordercolor' command indicates which color to use for the border. In this case, the border color is black.


Type the following, pressing "Enter" after each line:


Save the file as "gridtest.html" and close the file. Open a browser such as Internet Explorer or Firefox. Choose "File" and then "Open." Navigate to the gridtest.html file and choose "OK."

Show Comments