2 × 2

Table

Style Name
Georgia
Georgia
Palatino
Times New Roman
Arial
Arial Black
Comic Sans
Impact
Lucida Sans
Tahoma
Trebuchet
Verdana
Courier
Lucida Console
Left Center Right
px
px

Body

Left Center Right

HTML
Preview Apply »
HTML Copy
CSS « Apply

Online HTML Table Generator and Styler

HTML tables allow to organize and display data in rows and columns on web pages. Our free online code generator and styler allows you to create HTML tables easily with just a couple of clicks. Add headers, footers, pick from the predefined styles and adjust the code with the interactive editors.
Adjust the settings according to your needs and see the HTML table update instantly.

Tesla price list in 2023.
Model Base Price Range
Model S $83,900 405 mi
Model 3 $42,900 272 mi
Model X $99,990 351 mi
Model Y $54,990 330 mi

Hover the demonstration above to reveal the edit icon. Click the pencil to send ti to the interactive editor.

What Are HTML Tables Used For?

HTML tables are used in web pages to present tabular data. They allow web developers to arrange data into rows and columns. Tables are useful for various tasks such as presenting text information and numerical data.

In the early days of the internet, tables were used to lay out the sections of the pages, such as the header, sidebars, etc. They can even be used to float an image next to a paragraph. This approach however works only for fixed-width pages. Nowadays it's recommended to use DIV tags instead, which allows you to stack the elements on narrow screens, like mobile phones. Responsive sites no longer support to build the whole page with tables.

Webpage structure with a table
html css js Header with navigation link
Side-
bar

Layout with HTML Tables

Meta data

This is an example to demonstrate how to use tables to position the sections of a web page.

This is a paragraph where nested tables are used to float an image to the right.

Floating
image

This demo has the borders displayed for a better visibility but you can hide them with a little CSS trick:
table, th, td {
   border: none;
}

Author
image
Author bio and other details.
Footer with links, copyright, privacy policy and others.

HTML Table Scructure