TABELA SEM SEMÂNTICA

Código HTML

• <table cellpadding="0" cellspacing="0" border="1">
•    <tr>
•        <td>TITULO 1</td>
•        <td>TITULO 3</td>
•        <td>TITULO 3</td>
•    </tr>
•    <tr>
•        <td>TEXTO 1</td>
•        <td>TEXTO 2</td>
•        <td>TEXTO 3</td>
•   </tr>
•    <tr>
•        <td>RODAPÉ 1</td>
•        <td>RODAPÉ 2</td>
•        <td>RODAPÉ 3</td>
•    </tr>
• </table>

Visualizar

TITULO 1	TITULO 3	TITULO 3
TEXTO 1	TEXTO 2	TEXTO 3
RODAPÉ 1	RODAPÉ 2	RODAPÉ 3

TABELA COM SEMÂNTICA

Código HTML

Código HTML

• <table cellpadding="0" cellspacing="0" border="1">
•    <thead>
•    <tr>
•        <th>TITULO 1</th>
•        <th>TITULO 3</th>
•        <th>TITULO 3</th>
•    </tr>
•    </thead>
•    <tfoot>
•    <tr>
•        <th>RODAPÉ 1</th>
•        <th>RODAPÉ 2</th>
•        <th>RODAPÉ 3</th>
•   </tr>
•   </tfoot>
•    <tbody>
•    <tr>
•        <td>TEXTO 1</td>
•        <td>TEXTO 2</td>
•        <td>TEXTO 3</td>
•    </tr>
•    </tbody>
• </table>

Visualizar

TITULO 1	TITULO 3	TITULO 3
RODAPÉ 1	RODAPÉ 2	RODAPÉ 3
TEXTO 1	TEXTO 2	TEXTO 3