HTML é a linguagem usada para criar páginas da Web usando blocos diferentes. Esses elementos têm o estilo de formulário dividido em dois tipos diferentes, como elementos de nível de blocos HTML e elementos embutidos. Todos esses tipos de elementos estão incluídos na tag dos blocos HTML. Os elementos no nível do bloco são estruturados para criar o layout principal da sua página da web.
Se estivermos falando sobre a exibição de estrutura, ela cria uma exibição de estrutura maior do que a exibição de elementos embutidos. Todos os elementos no nível do bloco começam com uma nova linha ocupando toda a largura da tela. Eles devem ser escritos na etiqueta de abertura e fechamento.
O agrupamento de elementos é um método importante para dividir o layout nas formas de seções ou subseções. É possível colocar qualquer elemento de bloco em outro elemento de bloco, assim como também podemos inserir elementos inline nos elementos HTML Blocks, mas não é possível colocar elementos de nível de bloco nos elementos inline em vez da tag element.
Vamos ver a sintaxe para diferentes elementos no nível de bloco HTML:
1. elemento div: funciona como um elemento de bloco, que ocupa toda a largura da tela e sempre inicia em uma nova linha.
( ……Lines of code……)
2. tabela: tabela é usada para mostrar dados em um formato tabular, incluindo o cabeçalho da tabela, o corpo da tabela com a linha da tabela e uma coluna da tabela.
3. Elementos da lista: Lista ordenada e Lista não ordenada.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Colocando elementos do formulário : Colocando elementos do formulário para criar um formulário HTML da seguinte maneira.
Elementos de blocos HTML
Existem diferentes elementos usados, pois os elementos em nível de bloco HTML são os seguintes:
: A etiqueta de endereço é usada para especificar as informações de contato do autor no artigo HTML.
: O artigo é usado para especificar o conteúdo independente.
: Esse é o tipo de elementos que estão localizados além do conteúdo principal; geralmente, eles são tratados como uma barra lateral.
: Sempre que estamos pegando conteúdo de outra fonte, a citação de bloco é usada.
: O elemento Canvas is é usado em documentos da web para fornecer espaço gráfico.
: É o elemento mais importante em todo o desenvolvimento da web que é usado para dividir documentos HTML em seções ou divisão.
: Sejam quais forem os rótulos ou elementos relacionados ao grupo que são usados em formulários da web que são agrupados no conjunto de campo.
: Os formulários HTML são definidos usando esse elemento no nível do bloco. É mais comumente usado no processo de desenvolvimento da web.
: É usado para indicar a seção de rodapé de uma página da web.
-
: Esses são os títulos usados na linguagem HTML que definem os níveis 1 a 6.
: Este elemento é usado para indicar a seção de cabeçalho da página da web.
: Este é o elemento mais recente introduzido no HTML 5, usado para indicar a seção da página, incluindo os links de navegação.
: O elemento Section é usado para representar uma seção genérica em seu documento.
: Sempre que queremos mostrar dados no formato tabular, uma tabela é a solução perfeita para isso. Isso criará uma tabela para o seu documento HTML.
: Se você deseja incluir conteúdo de vídeo em seu documento HTML, também é possível usando simples elementos de vídeo em seu código.
: Se um usuário deseja mostrar uma lista de itens, é possível usar
elemento.
: Ele mostrará a lista da maneira ordenada.
: Mostrará a lista de maneira desordenada.
: este elemento usado para descrever termos diferentes no formato da lista de descrição.
Exemplos de blocos HTML
Aqui estão alguns exemplos de blocos HTML que são fornecidos abaixo:
Exemplo 1
No exemplo abaixo, usaremos alguns elementos básicos do bloco Html, como div, p, headings, lists element com a lista ordenada e não ordenada, etc.
Código:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Este é o exemplo de elementos de bloco HTML mostrando vários blocos elementos de nível incluídos nele. Aqui também podemos usar elementos inline
Exemplo incluindo div, p, elementos de cabeçalhos, elementos de lista
Este exemplo mostra diferentes tipos de elementos de bloco HTML, como div, p , posições entre h1 a h6
Exemplo de listas
Uma lista HTML não ordenada mostrando os países
Mumbai
Pune
Nagpur
Uma lista HTML ordenada mostrando os países
Mumbai
Pune
Nagpur
Resultado:
Exemplo 2
Aqui veremos outro exemplo no qual estamos criando uma tabela.
Agora, usando elementos de blocos HTML, vamos criar o formulário HTML da seguinte maneira:
Código:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Resultado:
Exemplo 4
Aqui estamos tentando endereçar o elemento em blocos HTML.
Código:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Resultado:
Conclusão
De todas as informações acima, concluiu que o HTML bloqueia o elemento de nível incluído no corpo do documento HTML. Ele criará alguns grandes blocos HTML de seções como parágrafos ou páginas com a divisão. Pode-se incluir outro elemento no nível do bloco nos elementos no nível do bloco. Também é possível incluir elementos embutidos no elemento no nível do bloco, mas não é possível incluir elementos no nível do bloco nos elementos embutidos.
Artigos recomendados
Este é um guia para blocos HTML. Aqui discutimos os elementos dos blocos HTML, juntamente com os exemplos e a implementação do código. Você também pode consultar os seguintes artigos para saber mais -
Introdução ao HTML
Criar tabelas em HTML
Link de imagem em HTML
Elementos HTML5
Layout HTML
Definir uma cor de plano de fundo em HTML com exemplo