HTML - tag div

Descrição

A tag HTML <div> é usada para definir uma seção do seu documento. Com a tag div, você pode agrupar grandes seções de elementos HTML e formatá-los com CSS.

A diferença entre a tag div e a tag span é que a tag div é usada com elementos de nível de bloco, enquanto a tag span é usada com elementos embutidos.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML div Tag</title>
      <link rel = "stylesheet" href = "style2.css">
   </head>

   <body>
      <div id = "contentinfo">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>

</html>

Aqui está o arquivo csss style2.css

#contentinfo p { 
   line-height: 20px;
   margin: 30px;
   padding-bottom: 20px; 
   text-align: justify;
   width: 140px;
   color: red; 
}

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em HTML Attribute Reference

Atributos Específicos

A tag HTML <div> também suporta os seguintes atributos adicionais -

Atributo	Valor	Descrição
auto-foco	auto-foco	Especifica

Atributos de evento

Esta tag suporta todos os atributos de eventos descritos em HTML Events Reference

Suporte de navegador

cromada	Raposa de fogo	IE	Ópera	Safári	Android
sim	sim	sim	sim	sim	sim

↰ Previous page