Curso de HTML - 8 Criar layouts com tables

Oitavo vídeo tutorial do curso de HTML do nosso site! Nesta aula estarei ensinando como criar layouts com <tables> (tabelas) no HTML. Como prometi na aula anterior, estou ensinando claramente (mesmo não recomendado) como criar seus próprios templates com tabelas (table) na pagina totalmente em HTML.

Como criar layouts (templates) com tabelas (<table>) HTML:

Esta vídeo aula do curso de HTML é a continuação da video aula anterior que ensina como usar as tags <font> e <table> no HTML. Nesta aula você vai aprender como criar um layout para seu site simples utilizando tables (tabelas) usando somente o HTML, a lista dos assuntos que abordarei nesta aula são:

Criar menus, cabeçalho, footer e conteúdo com table.

Usar o COLSPAN e ROWSPAN para expandir colunas e linhas na tabela.

Adicionar plano de fundo (com sub parâmetro BGCOLOR) no layout da tabela.

O vídeo abaixo ensina tudo o que falei, qualquer duvida pause o vídeo ou leia os comentários que fiz no vídeo ou leia as informações adicionais depois do vídeo tutorial. Veja a aula abaixo:

Informações adicionais:

• O sub parâmetro COLSPAN vai expandir uma coluna para a célula selecionada, dentro coloque quantas colunas você deseja expandir.
• O sub parâmetro ROWSPAN funciona igual ao colspan, mais ele vai expandir linhas na tabela.
• NÃO use layouts em table (e sim tableless - com divs) pois tabelas não foram criadas para layouts e sim para apresentar dados, alem do espaço que ele ocupa no código HTML.

Código do layout (somente da tabela - sem o resto da estrutura do código HTML) da página que fizemos com este curso:

<table border="3" bordercolor="#0000ff" cellspacing="5" width="800" height="600">
<th colspan="3" height="15%" bgcolor="#0033CC">Header</th>
<tr>
<td width="20%" bgcolor="#0099CC">Sidebar Esquerda</td>
<td bgcolor="#006666">Conteudo</td>
<td width="20%" bgcolor="#0099CC">Sidebar Direita</td>
</tr>
<tr>
<td colspan="3" height="15%" bgcolor="#0033CC">Footer</td>
</tr>
</table>

Por hoje é só galera! Espero ter ensinado bastante para vocês, ate a próxima vídeo aula do curso de HTML grátis! Qualquer duvida comente que eu te responderei, tchau.