HTML div

HTML div – para que serve ?

A tag <div> define uma divisão ou seção em um documento HTML. É usada como um contêiner para elementos HTML – que são estilizados com CSS ou manipulados com JavaScript.

A tag <div> é facilmente estilizada usando o atributo class ou id.

Qualquer tipo de conteúdo pode ser colocado dentro da tag <div>! 

Diante disso, o HTML Div é muito utilizada quando precisamos agrupar elementos sem a necessidade do uso de um elemento semântico do HTML5. Isso acontece pois o elemento div não possui um valor semântico. Portanto, não representa nada para o navegador e para os mecanismos de buscas.

Como é muito utilizado para agrupar elementos, acaba sendo um facilitador para organizar informações dentro de um layout. Dessa forma, é possível formatar e manipular os elementos, inclusive a própria div, através do CSS de uma forma organizada. Geralmente é acompanha de atributos de ID e classe, para poder facilitar essa organização e formatação.

Como utilizar a Tag <div> no Html !

Veja mais sobre div Html – para que serve ?

A sintaxe do elemento HTML Div é através da tag de abertura <div> e de fechamento </div>.

Portanto, para utilizar a <div> basta colocar os elementos que quiser dentro da tag <div></div> 

Veja o exemplo na pratica abaixo:

<div>
   <p>Códigos Html Prontos</p>
</div>

Div com class para estlizar com css.

<div class="bloco-artigos">

   <p>Códigos Html Prontos</p>
   <p>Códigos Css Prontos</p>

</div>

Div com ID para ser manipulado por javascript.

<div id"modal">

   <h1>Modal</h1>
   <p>Texto da janela modal</p>

</div>

Veja mais Artigos Sobre Tags do html