This combination code generator and
calculator requires the use of
Javascript enabled and capable browsers. Our Standard HTML Table Code Generator will create multi-row and column data designated tables that can enhance the appearance and functionality of your website; they are also HTML 4 compliant and style ready. Tables format your presentation for easy review by your page visitor. We use tables EXTENSIVELY on our site and the majority of them were built by our own table generators. For the non-programmer (and many seasoned programmers), building a table to display tabled data on a page is an often overwhelming and confusing task; troubleshooting them can be a nightmare! Just ONE incorrectly placed or spelled part of a table causes the entire table to fail. Our generator gets you started correctly; maintaining it and modifying the table after the creation is up to you. Enter the minimum data for what you want with your table into the form below and our generator will build all of the tags for an HTML 4 compliant table with the number of columns and rows that you specify. The table components are clearly marked for your data. Instant tables! Just add water and your data; OK, so forget the water!
These tables created by our generator will work if added to "old pages" that are already in place, or new ones; they will work on brand new pages to get a great start. The generator builds basic stylesheet commands to define some of the styles, allowing you to easily embed them into pages that are CSS controlled. This is CAREFULLY designed to avoid impacting already "in place" IDs and Classes, and for easy subsequent integration with your pages. To create a table, you are required to enter an ID and Caption, even if you do not plan to use them or do not already use them. We also insert Class names for each table column based on this ID, making it easier to later style the columns of your table.
Enter the unique Table ID and Table Captions (spaces inside other characters of the Table Caption entry are legitimate but not in the ID); the Table ID is used internally but the Table Caption is the visible Title to the table. They can each be up to 30 characters of alphanumeric structure. Enter a number from 1 to 99 for a visible border around the perimeter of the table; an entry of 0 makes the perimeter invisible (as does None selected for the Border Type), though it is still there working for you. You must select a Border Type from the options of Solid, Dotted, Dashed, Double or None; if you select None as the Border Type, the border is not visible (as is the case for a zero (0) in Border Width). Enter a color for the visible border; if a zero is entered, this value does not matter. The entry is a HEX format HTML value in 3 or 6 digit format. Values for each digit are from 0 to F, upper or lower case; generally lower case is used. If you desire to have Column or Row Headings, or a Footer Row, check the appropriate box or boxes; they are independent of each other. An unchecked box is a NO indication. The default is NO on all three choices though they are ALL handy and attractive options. Enter an integer value for the number of Columns and Rows; generally the columns are a single digit number but the sky is the limit for rows. Our defaults are 4 for each producing a 4x4 table grid of 16 locations. When you feel the data is correct, click on Generate HTML Table Code and your table and stylesheet will appear in the data box. You can Copy Code To The Clipboard on MOST browsers and computers by clicking that button but you can manually highlight and copy the data on ALL computers. You can also test your choices by clicking on Test Code. A representation of your table will appear in a new window which you MAY have to allow to open, based on the settings of YOUR browser. If you wish to make a change after the data has been generated, just change the item you wish and click on Generate HTML Table Code again and the new data will overwrite the old code; or you can click on ClearCode Boxes and start fresh. All values are modifiable even after the table has been generated and is in place on your site. We also have many other code generators available for your use on our
HTML and JavaScript Code Generators page. Enjoy!