O que é um bloco HTML?

Um bloco de linguagem de marcação de hipertexto (HTML), em um sentido amplo, é um segmento de código HTML que se relaciona a uma área definida do documento final quando é exibido por um programa como um navegador da web. A importância de um bloco HTML é vista ao atribuir diferentes atributos a elementos, porque muitos estilos e outras definições só podem ser atribuídos aos elementos de nível de bloqueio. O oposto de um bloco HTML é o código em linha, que deve sempre ser aninhado dentro de um bloco para funcionar.

Um exemplo da definição de um bloco HTML é um parágrafo de texto em um site. Quando a página está sendo visualizada dentro de um navegador da web, o parágrafo aparece com uma linha em branco entre ela e o parágrafo anterior e com uma linha em branco após o parágrafo e o próximo elemento de exibição. Dentro do código HTML da página, o parágrafo é cercado por tags HTML que a definem como um parágrafo. Essas tags que cercam o parágrafo estabelecem tudo entre elas como um bloco html.

um html bloCK pode ser aninhado dentro de outro bloco. De fato, quase todas as tags são realmente aninhadas dentro das tags do corpo exigidas por um documento HTML. Por outro lado, um segmento embutido precisa ser aninhado dentro de um bloco, pois requer elementos que eles contêm para operar. Um exemplo de uma tag embutida é uma peça de texto que precisa ser exibida em negrito.

A diferença entre um elemento de nível de bloco HTML e um elemento embutido é uma das principais peças de entendimento necessárias para trabalhar com HTML e folhas de estilo em cascata (CSS). Isso ocorre principalmente porque existem certos atributos de estilo padrão e outros parâmetros descritos como aplicando apenas a elementos no nível do bloqueio, ou apenas a elementos de nível embutido. Em geral, os elementos embutidos não contêm os mesmos atributos mutáveis ​​que os elementos no nível do bloco.

Um exemplo da diferença entre um atributo HTML em nível de bloco e um inline-O atributo de nível é a opção de alinhamento. No nível do bloco, como uma tag de divisão ou o início de uma lista de marcadores, o texto ou as imagens dentro do bloco podem ser definidas para encaixar para a esquerda, direita ou centro de uma área. Se o atributo de alinhamento for aplicado a um elemento embutido, nada acontecerá, porque não é uma opção disponível no nível embutido.