Short HTML Table Tutorial

Building tables for HTML5 and HTML 4.01

Create a Chart Table
Copy and paste the code below to add the following 4 row, 3 column chart table. Works in both HTML5 and HTML 4.01 websites and web templates.

Note: In responsive websites and web templates, use caution when adding more columns so your table does not exceed around 300 pixels in width (text will wrap) and you maintain your webpage responsiveness.

Item Name
Item Details
Name A
Det A
Name B
Det B
Name C
Det C

Step #1: Add to your HTML page:

Step #2A: Add to your CSS style file:
Can be added to the bottom of your global css file or in most any other spot. If you use this option do not use option #2B below.

Step #2B: Add to the head section of your HTML page:
Optionally... Use this code ONLY if you do not have a global CSS file (style.css or similar name). You can view the source code of this page to see where the following code is added to the <head> section of your HTML page.

Related Topics:
HTML5 Table Editing
Check Your Website Version of HTML