Cada elemento HTML tem um valor de exibição padrão, dependendo do tipo de elemento que é. O valor de exibição padrão para a maioria dos elementos é em bloco ou em linha.
Elementos em nível de bloco
Um elemento nível de bloco começa sempre em uma nova linha e ocupa a largura total disponível (stretches out to the left and right as far as it can) .
Exemplos de elementos de bloco:
- <div>
- <h1> - <h6>
- <p>
- <form>
inline Elements
Um elemento inline não iniciar em uma nova linha e só ocupa tanto largura conforme necessário.
Este é um inline <span> elemento dentro de um parágrafo.
Exemplos de elementos em linha:
- <span>
- <a>
- <img>
O <div> Elemento
O <div> elemento é um elemento nível de bloco que é frequentemente utilizado como um recipiente para outros elementos HTML.
O <div> elemento não tem atributos necessários, mas style e class são comuns.
Quando usado junto com CSS, o <div> elemento pode ser usado para blocos de estilo de conteúdo:
Exemplo
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> Tente você mesmo " O <span> Elemento
O <span> elemento é um elemento inline que é frequentemente utilizado como um recipiente para algum texto.
O <span> elemento não tem atributos necessários, mas style e class são comuns.
Quando usado junto com CSS, o <span> elemento pode ser usado para peças de estilo do texto:
HTML Agrupamento Etiquetas
| etiqueta | Descrição |
|---|---|
| <div> | Define uma seção em um documento (block-level) |
| <span> | Define uma seção em um documento (inline) |