Em mais uma postagem sobre HTML vamos aprender a criar tabelas. Para aprender a criar listas veja a postagem anterior:
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
A tag de tabela é a <table> </table> e possui os seguintes atributos:
border: define a espessura da borda da tabela
width e height: Onde você ajusta a largura e a altura da tabela respectivamente.
cellspacing: define o espaçamento externo, ou seja entre as células.
cellpadding: define o espaçamento interno, ou seja, dentro da célula.
bordercolor: onde se escolhe a cor da borda da tabela.
Vamos ver no gedit:
Em height eu deixei com valor vazio para que a tabela vá se ajustando automaticamente.
Agora vamos adicionar a tag de linha <tr></tr> que possui como atributo bgcolor que é a cor da célula. Dentro da tag tr temos a(s) tag(s) de coluna <td></td>:
No exemplo criamos uma tabela de duas linhas e duas colunas.
Veja o vídeo do tutorial:
Nenhum comentário:
Postar um comentário