Elementos HTML de bloco e de linha

Elementos HTML podem ser agrupados com <div> e <span>.

Elementos HTML de Bloco

A maioria dos elementos HTML são definidas como nível de bloco ou como elementos incorporando elementos.

Elementos nível de bloco normalmente tem tag de abertura e tag de fechamento, com uma nova linha quando exibido em um navegador.

Exemplos: <h1>, <p>, <ul>, <table>

---

Elementos HTML de linha

Inline elementos normalmente são exibidos sem iniciar uma nova linha.

Exemplos: <b>, <td>, <a>, <img>

---

O Elemento HTML <div>

O elemento HTML <div> é um elemento nível de bloco que pode ser usado como um recipiente para agrupar outros elementos HTML.

O elemento <div> não tem nenhum significado especial. Só que, porque é um elemento nível de bloco, o navegador irá mostrar uma quebra de linha antes e depois dele.

Quando usado em conjunto com o EAP, o elemento <div> pode ser utilizado para definir os atributos de estilo para grandes blocos de conteúdo.

Outro uso comum do elemento <div>, é para o layout do documento. Ele substitui o "caminho velho" da definição de layout usando tabelas. Não é correto usar <table> para o layout do documento. A finalidade do elemento <table> é exibir dados tabulares.

---

O Elemento HTML <span>

O elemento HTML <span> é um elemento interno que pode ser utilizado como um recipiente para o texto.

O elemento <span> não tem nenhum significado especial.

Quando usado em conjunto com o EAP, o elemento <span> pode ser utilizado para definir os atributos de estilo para as partes do texto.

---

Grupos de tags HTML

Tag	Descrição
<div>	Define uma seção no documento (em bloco)
<span>	Define uma seção no documento (em linha)