aula 4 html - 4 - blogdoprofpc.files.wordpress.com · 05/08/16 © p c f de oliveira 2015 9 lista...

Aula 4Html - 4

Prof. Paulo Cesar F. De Oliveira, BSc, PhD

05/08/16 © P C F de Oliveira 2015 1

05/08/16 © P C F de Oliveira 2015 2

05/08/16 © P C F de Oliveira 2015 3

<ul><li>Pão</li><li>Carne</li><li>Fruta</li>

</ul>

• Pão• Carne• Fruta

05/08/16 © P C F de Oliveira 2015 4

<ol><li>Soldado</li><li>Capitão</li><li>General</li>

</ol>

1. Soldado2. Capitão3. General

05/08/16 © P C F de Oliveira 2015 5

Lembrete

05/08/16 © P C F de Oliveira 2015 6

05/08/16 © P C F de Oliveira 2015 7

05/08/16 © P C F de Oliveira 2015 8

<h2>Lista Aninhada</h2><ol>

<li>Pães<ul>

<li>Francês</li><li>Italiano</li><li>Alemão</li>

</ul></li><li>Carnes

<ul><li>Rosbife</li><li>Peru</li><li>Carneiro</li>

</ul></li><li>Frutas

<ul><li>Bananas</li><li>Peras</li><li>Maçãs</li>

</ul></li>

</ol>

05/08/16 © P C F de Oliveira 2015 9

Lista Aninhada

1.Pãeso Francêso Italianoo Alemão

2.Carneso Rosbifeo Peruo Carneiro

3.Frutaso Bananaso Peraso Maçãs

05/08/16 © P C F de Oliveira 2015 10

Lembrete

05/08/16 © P C F de Oliveira 2015 11

Item Menu Calorias Gordura (g)

Sopa Miojo 120 2

Salada Caesar 400 26

05/08/16 © P C F de Oliveira 2015 12

linha

célula cabeçalho

célula de dados

05/08/16 © P C F de Oliveira 2015 13

05/08/16 © P C F de Oliveira 2015 14

<table> <tr>

<th>Item Menu</th><th>Calorias</th> <th>Gordura (g)</th>

</tr> <tr>

<td>Sopa Miojo</td> <td>120</td><td>2</td>

</tr> <tr>

<td>Salada Caesar</td><td>400</td> <td>26</td>

</tr> </table>

05/08/16 © P C F de Oliveira 2015 15

05/08/16 © P C F de Oliveira 2015 16

GorduraGordura saturada (g) Gordura insaturada (g)

Extensão de coluna (column span)

05/08/16 © P C F de Oliveira 2015 17

<table> <tr>

<th colspan=“2”>Gordura</th></tr> <tr>

<td>Gordura Saturada (g)</td> <td>Gordura Insaturada (g)</td>

</tr> </table>

05/08/16 © P C F de Oliveira 2015 18

Extensão de linha (row span)

PorçãoPequena (230 g)

Média (460 g)

Grande (690 g)

05/08/16 © P C F de Oliveira 2015 19

<table> <tr>

<th rowspan=“3”>Porção</th><td>Pequena (230 g)</td>

</tr> <tr>

<td>Média (460 g)</td> </tr><tr> <td>Grande(690 g)</td>

</tr> </table>