230306_PW1-HTML5

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Criando Tabelas 
Podemos criar tabelas em HTML. 
A tag de tabela é <table>. 
O parâmetro border indica a espessura da borda de uma tabela. 
A tag <caption> indica título para a tabela (opcional, raramente utilizado). 
A tag <tr> indica a linha de uma tabela. 
A tag <th> indica uma célula de cabeçalho (o item fica em negrito e centralizado). 
A tag <td> indica uma célula normal. 
Monte a página abaixo e observe o funcionamento: 
index.html 
 
 
 
Alterando espaços internos e externos de uma Tabela 
Podemos utilizar outros parâmetros com as tags de uma tabela, exemplo: 
O parâmetro width para alterar a largura da tabela (quando utilizado na tag table) ou alterar 
a largura das colunas (quando utilizado na tag th ou td). 
O parâmetro bgcolor para alterar a cor de fundo da tabela (no table), da linha (no tr) ou 
da célula (no th ou td). 
O parâmetro cellpadding para alterar a distância entre o conteúdo e a borda da célula. 
O parâmetro cellspacing para alterar a distância entre uma célula e outra. 
 
 
Altere a página index.html como mostrado abaixo e observe seu funcionamento: 
index.html 
 
O conteúdo de uma Tabela 
O conteúdo de uma célula da tabela pode ser um texto, imagem, lista, até mesmo outra tabela. 
Na verdade, qualquer objeto de HTML pode estar dentro de uma célula de uma tabela. 
Monte o exemplo abaixo (será necessário fazer download de uma imagem para utilizar no 
exemplo). 
Obs.: A extensão da imagem foi alterada para .PNG, altere essa informação no código abaixo 
também. 
pag02.html 
 
 
Resultado: 
 
 
Exercício 
1. Adicione a cada página dos seres mitológicos uma tabela com as características daquele 
personagem (Força, Velocidade, Inteligência, entre outros), pode inventar os valores que quiser 
usando o bom senso e a criatividade. 
2. Adicione à este site mais um novo ser mitológico de qualquer outra cultura (indiana, chinesa, 
etc). Não se esqueça de modificar a página index para receber o link para esta nova página.