sexta-feira, 1 de fevereiro de 2019

Tabelas HTML

Criando Tabelas
Muito utilizado!

<table></table>

parametros
<table width = "500" border="1px">
width:largura
border: borda

Linhas e colunas

Linhas: <tr>
      colunas:
          <td>Nome </td>
          <td>Nome </td>
          <td>Nome </td>
</tr>
para adicionar mais colunas, é necessário repetir o processo adicionando mais uma tag de linha e dentro desta, a mesma quantidade de colunas que a anterior

EXEMPLO:
<table width = "500" border="1px">
      <tr>
                  <td>Nome</td>
                   <td width ="60">Idade</td>
                  <td>Cidade</td>
     </tr>
       <tr>
                  <td>Daniel</td>
                   <td>18</td>
                  <td width = "150">Adamantina</td>
     </tr>
   
  </table>

Para diminuir o tamanho do campo, é necessário adicionar na tag td o tamanho

EXE:
<td width="150">Adamantina</td>

para mesclar colunas, caso sua tabela tenha 3 colunas, mas em alguma linha é apenas necessario 2:
<td conspan="2">100</td>

Atributo align: alinha os textos dentro dos campos da tablea

exe:
<td colspan="2" align="right">Subtotal</td> // alinhado a direita

COR DE FUNDO
para adicionar cor no fundo das tabelas, utiliza-se o atributo bgcolor

EXE:
<tr width="150" bgcolor = "#999999" align="center" >

também é possível adicionar imagens pela tag img src = "".

Imagem relacionada

Nenhum comentário:

Postar um comentário

author
Jake Simms
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.