No entanto é o modo mais fácil de criar divisões numa página de HTML, e deve mesmo ser utilizada para mostrar dados tabulares.
Dentro da estrutura que referimos no primeiro post dedicado ao HTML, definimos a estrutura básica de uma página. Se bem se lembram existe um bloco chamado <body> </body>.
Dentro, ainda deste bloco vamos criar uma tabela simples com um rebordo (border), vejamos:
<table border="1" style="border-bottom-color: blue; border-left-color: blue; border-right-color: blue; border-top-color: blue; height: 50px; width: 250px;">
<tr>
<td style="border-bottom-color: blue; border-left-color: blue; border-right-color: blue; border-top-color: blue; width: 50%;">
</td>
<td style="border-bottom-color: blue; border-left-color: blue; border-right-color: blue; border-top-color: blue; width: 50%;">
<div style="color: green;">
Olá Navegador!</div>
</td>
</tr>
</table>
Este código irá gerar algo como
Olá Navegador! |
Poderão reparar que tambem inserimos estilos (côr, tamanho[fixo e percentagem] e espessura do rebordo).
Introduzimos tambem a tag DIV que cria um contentor dentro de um espaço.
Esta é uma primeira tabela, com as suas definições básicas.
Podem experimentar diversas variantes com mais colunas e linhas.
Qualquer dúvida, não exitem em postar um comentário.
Será respondido com a brevidade possivel.
Obrigado
Sem comentários:
Enviar um comentário
Seja moderado, não são permitidos insultos, xenofobias, e outras tangas manhosas. Neste Blogue o critério sou eu.