Blocos HTML

O bloco HTML é uma caixa que armazena etiquetas, agrupando-as.

O HTML pode agrupar elementos usando <div> e <span>.

Exemplo de bloco HTML

<div>
　<strong>Home</<strong>　<em>Inicio</em>　<em>Recompensa</em></div><!--　Conteúdo　--><div>
　　　　　　　　　　　　em>　<em>Feedback<3codebox.com</em>　<em>Tutorial de CSS</em>　<em>Tutorial de JavaScript</em></div>

Elementos de bloco HTML

A maioria dos elementos HTML é definida como elementos de bloco ou em linha.

Os elementos de bloco geralmente começam em uma nova linha ao serem exibidos no navegador (e terminam também).

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

Elementos em linha HTML

Os elementos em linha geralmente não começam em uma nova linha ao serem exibidos.

Exemplo: <b>, <td>, <a>, <img> <i>

O elemento <div> HTML

O elemento <div> HTML é um elemento de bloco, que pode ser usado como contêiner para outros elementos HTML.

O elemento <div> não tem significado específico. Além disso, como é um elemento de bloco, o navegador exibirá quebras de linha antes e depois dele.

Quando usado juntamente com CSS, o elemento <div> pode ser usado para definir atributos de estilo para grandes blocos de conteúdo.

Outra utilização comum do elemento <div> é o layout de documentos. Ele substitui o método antigo de usar tabelas para definir o layout. O uso do elemento <table> para layout de documentos não é a utilização correta do elemento <table>. O elemento <table> é usado para exibir dados tabulados.

O elemento <span> HTML

O elemento <span> HTML é um elemento em linha, que pode ser usado como contêiner de texto.

O elemento <span> não tem significado específico.

Quando usado juntamente com CSS, o elemento <span> pode ser usado para definir atributos de estilo para parte do texto.

Etiqueta de agrupamento HTML