HTML es el lenguaje utilizado para construir páginas web usando diferentes bloques en él. Esos elementos tienen el estilo de formulario dividido en dos tipos diferentes como elementos de nivel de bloques HTML y elementos en línea. Todos estos tipos de elementos están encerrados en la etiqueta de los bloques HTML. Los elementos a nivel de bloque están estructurados para diseñar el diseño principal de su página web.
Si hablamos de la vista de estructura, crea una vista de estructura más grande que la vista de elementos en línea. Cada elemento de nivel de bloque comienza con una nueva línea que ocupa todo el ancho de la pantalla. Deben estar escritos dentro de la etiqueta de apertura y cierre.
La agrupación de elementos es un método importante para dividir el diseño en forma de secciones o subsecciones. Es posible poner cualquier elemento de bloque en otro elemento de bloque, así como también podemos poner elementos en línea en los elementos de Bloques HTML, pero no es posible poner elementos de nivel de bloque en los elementos en línea en lugar de la etiqueta del elemento.
Veamos que la sintaxis para diferentes elementos de nivel de bloque HTML son los siguientes:
1. elemento div: funciona como un elemento de bloque, que ocupa todo el ancho de la pantalla y siempre comienza en una nueva línea.
( ……Lines of code……)
2. tabla: la tabla se usa para mostrar datos en un formato tabular que incluye el encabezado de la tabla, el cuerpo de la tabla que tiene una fila y una columna de la tabla.
3. Elementos de la lista: Lista ordenada y Lista no 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. Poner elementos de formulario : Poner elementos de formulario para crear un formulario HTML de la siguiente manera.
Elementos de bloques HTML
Hay diferentes elementos utilizados como elementos de nivel de bloque HTML:
: La etiqueta de dirección se utiliza para especificar la información de contacto del autor en el artículo HTML.
: El artículo se utiliza para especificar el contenido que es independiente.
: Este es un tipo de elementos que se encuentran aparte del contenido principal, por lo general, se tratan como una barra lateral.
: Cada vez que tomamos contenido de otra fuente, se utiliza una cita en bloque.
: Canvas es un elemento que se utiliza en documentos web para proporcionar espacio gráfico.
: Es el elemento más importante en todo el desarrollo web que se utiliza para dividir documentos HTML en secciones o divisiones.
: Cualquiera que sea el grupo relacionado con etiquetas o elementos que se utilizan en formularios web que se agrupan en el conjunto de campos.
: Los formularios HTML se definen utilizando este elemento de nivel de bloque. Se usa más comúnmente en el proceso de desarrollo web.
: Se utiliza para indicar la sección de pie de página de una página web.
-
: Estos son los encabezados utilizados en el lenguaje HTML que definen los niveles 1 a 6.
: Este elemento se usa para indicar la sección de encabezado de la página web.
: Este es el último elemento introducido en HTML 5 que se utiliza para indicar la sección de la página, incluidos los enlaces de navegación.
: El elemento de sección se utiliza para representar una sección genérica de su documento.
: Siempre que queramos mostrar datos en formato tabular, una tabla es la solución perfecta para eso. Creará una tabla para su documento HTML.
: Si desea incluir contenido de video en su documento HTML, también es posible mediante el uso de elementos de video simples en su código.
: Si un usuario quiere mostrar una lista de elementos, entonces es posible usar
elemento.
: Mostrará la lista en la forma ordenada.
: Mostrará la lista de manera desordenada.
: este elemento se usa para describir diferentes términos en el formato de la lista de descripción.
Ejemplos de bloques HTML
Aquí hay algunos ejemplos de bloques HTML que se dan a continuación:
Ejemplo 1
En el siguiente ejemplo, vamos a utilizar algunos elementos básicos de bloque Html como div, p, encabezados, elementos de listas con la lista ordenada y no 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 es el ejemplo de elementos de bloque HTML que muestran bloque múltiple elementos de nivel encerrados dentro de él. Aquí también podemos usar elementos en línea también
Ejemplo que incluye div, p, elementos de encabezados, elementos de lista
Este ejemplo muestra diferentes tipos de elementos de bloque HTML como div, p , títulos entre h1 y h6
Ejemplo de listas
Una lista HTML desordenada que muestra países
Mumbai
Pune
Nagpur
Una lista HTML ordenada que muestra los países
Mumbai
Pune
Nagpur
Salida:
Ejemplo # 2
Aquí veremos otro ejemplo en el que estamos creando una tabla.
Ahora, al usar elementos de bloques HTML, vamos a crear un formulario HTML de la siguiente manera:
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
Salida:
Ejemplo # 4
Aquí estamos tratando de abordar el elemento en bloques HTML.
Código:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Salida:
Conclusión
De toda la información anterior, concluyó que el elemento de nivel de bloques HTML incluido en el cuerpo del documento HTML. Creará algunos bloques HTML grandes de secciones como párrafos o páginas con la división. Se puede incluir otro elemento a nivel de bloque en los elementos a nivel de bloque. También es posible incluir elementos en línea en el elemento de nivel de bloque, pero no es posible incluir elementos de nivel de bloque en los elementos en línea.
Artículos recomendados
Esta es una guía de bloques HTML. Aquí discutimos los elementos de los bloques HTML junto con los ejemplos y la implementación del código. También puede consultar los siguientes artículos para obtener más información:
