Organização

<div></div> — Essa tag define uma seção ou uma divisão em um documento HTML. Ela é utilizada para conter outros elementos do HTML que então podem ser estilizados com CSS ou manipulados com JavaScript.

<span></span> — Essa tag define uma seção dentro de uma linha do HTML. Ela pode ser facilmente utilizada pelo CSS ou JavaScript, além disso também se pode utilizar o atributo "style".

As duas tags são bem parecidas, porém a <div> é em relação à nível de bloco, e a <spam> é a nível de linha.

Exemplo

Abaixo mostramos um exemplo de como essas tags devem ser escritas. Na aba "Código" está o código, e na aba "Resultado" está a página resultante.

<DOCTYPE html>
<html>
<head>
    <title>Exemplo</title>
</head>
<body>
    <div>
        <p>Eu adoro o USPCodelab!</p>
        <p>EU TAMBÉM!</p>
    </div>
    <p>Eu adoro ele <span style="color:red"> mais </span></p>
</body>
</html>

Last updated

Was this helpful?