html - tabelas

MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

HTMLHTML


TabelasTabelas

• Criando tabelas• Mesclando linhas/colunas• Formatação de tabelas


Criando TabelasCriando Tabelas

• Uma tabela é formada por linhas e colunas

Linha

Coluna



• Para criar a tabela anterior segue código:<table><tr>

<td> .... </td><td> .... </td><td> .... </td>

</tr><tr>

<td> .... </td><td> .... </td><td> .... </td>

</tr></table>



• Analisando o código anterior temos:– Cirando a tabela: <table>

– Criando a linha: <tr>– Criando coluna: <td>

Sabendo isso, quantas linhas e colunas temos no código a seguir?


<table><tr>

<td> Segunda </td> <td> Terça </td><td> Quarta </td> <td>Quinta</td></tr><tr>

<td> 12:00 </td> <td> 13:30 </td><td> 14:00 </td><td> 16:45 </td></tr><tr>

<td> Dentista </td> <td> Academia </td><td> Curso </td><td>Leitura</td>

</tr><tr>



</tr><tr>

<td> 12:00 </td> <td> 13:30 </td><td> 14:00 </td><td> 16:45 </td></tr></table>


LINHAS


Colunas



• A tabela possui 5 linhas com 4 colunas em cada linha

html - tabelas

Documents