Plain and Simple Table Template

This is the essential, unstyled HTML table structure, providing a completely blank slate for your data and custom CSS.

Sometimes you don't need fancy styling - you just need a clean, semantic foundation. This template is that foundation.

Screenshot of a completely unstyled HTML table with no borders or colors.

About this Unstyled Table

This template provides the fundamental building blocks of a proper HTML table without any aesthetic opinions. It is intentionally free of any CSS styling, allowing you to either apply your own custom styles from scratch or use it in an environment where styling is not needed. The markup is structured semantically, making it accessible and easy for browsers to interpret correctly.

Key Features:

Purely Semantic HTML: Uses correct table, thead, tbody, and scoped th elements.
Zero Styling: A completely blank canvas. What you see is the browser's default rendering.
The Perfect Starting Point: Ideal for developers who want full control over their design.
Maximum Compatibility: Works in every browser, as it's just fundamental HTML.

Example Use Cases:

As a base for creating a unique, custom-designed table.
For educational purposes when teaching the core structure of an HTML table.
In situations where a user agent's (browser's) default stylesheet is desired.
Quickly displaying raw tabular data within a technical document or admin panel.

Dependencies:

None. This template is 100% pure HTML.

Accessibility Notes:

Even without styling, this table provides a solid accessible foundation. It correctly uses header (th) elements with the scope="col" attribute. This helps screen readers understand the relationship between headers and the data cells within each column, making the information easy to navigate and comprehend.

Code

Here's the full code for the plain and simple table template:

<table>
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Instrument</th>
            <th scope="col">Band</th>
            <th scope="col">Hometown</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>John Lennon</td>
            <td>Rhythm Guitar</td>
            <td>The Beatles</td>
            <td>Liverpool</td>
        </tr>
        <tr>
            <td>Paul McCartney</td>
            <td>Bass Guitar</td>
            <td>The Beatles</td>
            <td>Liverpool</td>
        </tr>
        <tr>
            <td>George Harrison</td>
            <td>Lead Guitar</td>
            <td>The Beatles</td>
            <td>Liverpool</td>
        </tr>
        <tr>
            <td>Ringo Starr</td>
            <td>Drums</td>
            <td>The Beatles</td>
            <td>Liverpool</td>
        </tr>
    </tbody>
</table>

View Output