HTML - Tabelas
Click here to load reader
-
Upload
guto-xavier -
Category
Documents
-
view
647 -
download
0
Transcript of HTML - Tabelas
![Page 1: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/1.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
HTMLHTML
![Page 2: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/2.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
TabelasTabelas
• Criando tabelas• Mesclando linhas/colunas• Formatação de tabelas
![Page 3: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/3.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Criando TabelasCriando Tabelas
• Uma tabela é formada por linhas e colunas
Linha
Coluna
![Page 4: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/4.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Criando TabelasCriando 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>
![Page 5: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/5.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Criando TabelasCriando 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?
![Page 6: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/6.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
<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>
![Page 7: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/7.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
LINHAS
![Page 8: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/8.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
<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>
![Page 9: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/9.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Colunas
![Page 10: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/10.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
<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>
![Page 11: HTML - Tabelas](https://reader038.fdocumentos.tips/reader038/viewer/2022100602/55844ef5d8b42a5b0a8b4a40/html5/thumbnails/11.jpg)
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Criando TabelasCriando Tabelas
• A tabela possui 5 linhas com 4 colunas em cada linha