O que é um bloco HTML?
Um bloco HTML (HyperText Markup Language), em um sentido amplo, é um segmento de código HTML relacionado a uma área definida do documento final quando ele é exibido por um programa como um navegador da web. A importância de um bloco HTML é vista ao atribuir diferentes atributos aos elementos, porque muitos estilos e outras definições podem ser atribuídos apenas a elementos no nível do bloco. O oposto de um bloco HTML é o código embutido, que sempre deve 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 o definem como sendo um bloco de parágrafo. Essas tags que cercam o parágrafo estabelecem tudo entre elas como um bloco HTML.
Um bloco HTML 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 em linha precisa ser aninhado dentro de um bloco, pois requer elementos que eles contêm para poder operar. Um exemplo de tag embutida é um pedaço de texto que precisa ser exibido em negrito.
A diferença entre um elemento em nível de bloco HTML e um elemento em linha é uma das principais partes do entendimento necessárias para trabalhar com HTML e CSS (Cascading Style Sheets). Isso ocorre principalmente porque existem certos atributos de estilo padrão e outros parâmetros que são descritos como aplicáveis apenas a elementos em nível de bloco ou apenas a elementos em nível de linha. Em geral, os elementos embutidos não contêm os mesmos atributos alteráveis que os elementos no nível do bloco.
Um exemplo da diferença entre um atributo de nível de bloco HTML e um atributo de nível de linha é a opção de alinhamento. No nível do bloco, como uma marca de divisão ou o início de uma lista com marcadores, o texto ou as imagens dentro do bloco podem ser configurados para serem encaixados à esquerda, direita ou centro de uma área. Se o atributo de alinhamento for aplicado a um elemento embutido, nada acontecerá, pois não é uma opção disponível no nível embutido.