Veja neste artigo como trabalhar com Div no html.
A tag
A tag
serve para alterar o estilo em partes específicas da página e posionar objetos.
Abaixo alguns exemplos de uso da tag
Abaixo alguns exemplos de uso da tag
:
O código seria esse:
Listagem 1 : O Uso da tag
O código seria esse:
Listagem 1 : O Uso da tag
- Código:
<html>
<head>
<title>Divs</title>
</head>
<body>
<div style="background-color:#00BFFF;text-align:center">
<p>Primeira Div</p>
</div>
<div style="border:3px dotted #9F0">
<p>Segunda Div</p>
</div>
</body>
</html>
para posicionamento de objetos:
Devemos iniciar pela tag
A tag
Devemos iniciar pela tag
e terminar com a tag
, colocando todo conteúdo entre as duas.A tag
deve sempre ser estilizada por um arquivo .css, mas para isso é preciso definirmos um id ou class para ele, ficando:
Listagem 2 : Div Id
Esse tipo de div deverá ser estilizado no css por meio do caracter “#”.
Listagem 3: Estilizando um id
Esta div também pode ser definida como uma classe
Listagem 4: Div Class
Sendo representada em css pelo “.”(ponto).
Listagem 5: Estilizando uma class
Veja alguns códigos de exemplos.
Listagem 6: Exemplos de Div
Listagem 2 : Div Id
Esse tipo de div deverá ser estilizado no css por meio do caracter “#”.
Listagem 3: Estilizando um id
Esta div também pode ser definida como uma classe
Listagem 4: Div Class
Sendo representada em css pelo “.”(ponto).
Listagem 5: Estilizando uma class
Veja alguns códigos de exemplos.
Listagem 6: Exemplos de Div