sexta-feira, 7 de maio de 2021

HTML #11: TABELAS

 Em mais uma postagem sobre HTML vamos aprender a criar tabelas. Para aprender a criar listas veja a postagem anterior:

 HTML #10: LISTA

html_tabelas

 

 

 

 

 

 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