Os elementos no HTML podem ser categorizados em duas categorias mais amplas, elementos embutidos e bloqueados. Os elementos do bloco quebram o fluxo de conteúdo e iniciam uma nova linha, enquanto os elementos embutidos mantêm o conteúdo dentro da linha e ocupam apenas uma quantidade específica de espaço. Os elementos do bloco ocupam tanto espaço quanto a largura do elemento pai e sua linha quebra a página também.

Como o HTML suporta uma longa lista de elementos, pode ser difícil para um novo programador HTML para diferenciá -los. Tendo em vista a importância, este guia cria o seguinte resultado de aprendizado:

• ilumina as diferenças entre os elementos blocos e embutidos
• demonstrando vários elementos em bloco e embutidos

Quais são as diferenças entre os elementos de bloco e embutido

A seguir, são apresentados os pontos de diferenciação que esclareceriam o conceito de elementos de bloco e embutido no HTML.

• Os elementos do bloco adicionam espaço quebrando a linha antes e depois de usá -la. Enquanto os elementos embutidos são praticados dentro da linha específica e não consomem espaço extra.
• Os elementos embutidos suportam apenas o preenchimento esquerdo e direito, enquanto os elementos do bloco suportam o preenchimento nas direções verticais e horizontais
• Os elementos embutidos suportam arquivos pequenos à medida que criam pequenas estruturas. Enquanto os elementos do bloco suportam arquivos grandes à medida que criam estruturas grandes.
• Quando um elemento embutido é chamado, ele funciona apenas para aqueles arquivos exigindo esse elemento embutido. Por outro lado, os elementos do bloco contêm vários elementos em bloco e embutidos. Assim, quando o elemento de bloco pai é chamado, todo o bloco e elementos embutidos associados a ele seriam aplicados.

Como os elementos de bloco e embutido funcionam no HTML

Esta seção fornece a funcionalidade de vários elementos em bloco e embutidos.

Elementos de bloco: Fornecemos a aplicabilidade de alguns elementos de bloco no HTML que mostram o comportamento prático dos elementos do bloco.

Usando

: A tag de parágrafo em HTML representa as linhas de texto e cai na categoria de elementos de bloco de HTML.

este é um parágrafo

A saída do código HTML em uma página da web é fornecida abaixo:+

Embora o texto do parágrafo seja limitado a algumas palavras, no entanto, a etiqueta do parágrafo tem a largura completa (a partir da página).

Usando : Vamos praticar a tag mais importante e comumente usada usando o seguinte código HTML.

Este é um div

A interface da web da tag acima é mostrada abaixo:

Como o elemento de bloco de parágrafo, a tag div também ocupou toda a largura da página.

Usando

dentro : Conforme declarado e representado anteriormente, os elementos do bloco ocupam a largura completa da página (tag pai). Você pode limitar a largura da etiqueta pai e as tags filhos ocupariam o espaço definido na etiqueta pai. Por exemplo, o seguinte código HTML pratica o

tag in marcação.

Este é um pargaráfio

O código acima declara uma tag que ocupa 50% da largura da página. A

A tag é usada interna e o parágrafo leva 50% do espaço de sua tag pai ().

Além de e

, Vários outros elementos do bloco são descritos abaixo:
: usado para representar as informações de contato
: O conteúdo do artigo pode ser descrito usando esta tag

---

: usado para separar o conteúdo por linhas horizontais
: A legenda da figura é atribuída usando esta tag.

para

: essas tags definem o título de vários tamanhos de

para

: usado para iniciar uma nova seção
: rodapé de uma página ou seção pode ser atribuído
: pode ser usado para inserir uma tabela no documento html.

: usado para definir uma lista ordenada

: usado para organizar os itens de maneira não ordenada