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.

...
Create a table grid on a web page.

Step

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

Step

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

Step

A Table Grid

Step

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.

Step

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

Step

         

Step

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."