The document discusses creating tables in HTML. It explains that a table is made up of rows (<tr>) and columns (<td>). It provides an example of HTML code to create a table with 5 rows and 4 columns in each row. The code sample is then analyzed to count the number of rows and columns.

1. HTML
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

2. Tabelas
• Criando tabelas
• Mesclando linhas/colunas
• Formatação de tabelas
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

3. Criando Tabelas
• Uma tabela é formada por linhas e colunas
Linha
Coluna
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

4. Criando Tabelas
• 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>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

5. Criando Tabelas
• 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?
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

6. <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>
<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>
<td> 12:00 </td> <td> 13:30 </td><td> 14:00 </td><td> 16:45 </td>
</tr>
</table>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

7. LINHAS
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

8. <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>
<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>
<td> 12:00 </td> <td> 13:30 </td><td> 14:00 </td><td> 16:45 </td>
</tr>
</table>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

9. Colunas
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

10. <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>
<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>
<td> 12:00 </td> <td> 13:30 </td><td> 14:00 </td><td> 16:45 </td>
</tr>
</table>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

11. Criando Tabelas
• A tabela possui 5 linhas com 4 colunas em
cada linha
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS