O HTML é composto de vários elementos que atuam como blocos de construção de páginas da web. Cada um desses elementos se enquadra em uma de duas categorias: elementos de nível de bloco ou um elemento embutido. Compreender a diferença entre esses dois tipos de elementos é uma etapa importante na construção de páginas da web.
Elementos de Nível de Bloco
Então, o que é um elemento de nível de bloco? Um elemento de nível de bloco é um elemento HTML que começa uma nova linha em uma página da web e se estende por toda a largura do espaço horizontal disponível de seu elemento pai. Ele cria grandes blocos de conteúdo, como parágrafos ou divisões de página. Na verdade, a maioria dos elementos HTML são elementos de nível de bloco. Elementos de nível de bloco são usados dentro do corpo do documento HTML. Eles podem conter elementos embutidos, bem como outros elementos de nível de bloco.
Elementos Inline
Em contraste com um elemento de nível de bloco, um elemento embutido:
- Pode começar dentro de uma linha.
- Não inicia uma nova linha.
- Sua largura se estende apenas até onde é definida por suas tags.
Um exemplo de elemento embutido é o , que torna a fonte do conteúdo do texto contida em negrito. Um elemento embutido geralmente contém apenas outros elementos embutidos, ou não pode conter nada, como a tag
break. Há também um terceiro tipo de elemento em HTML: aqueles que não são exibidos. Esses elementos fornecem informações sobre a página, mas não são exibidos quando processados em um navegador da web. Por exemplo: