Hay muchas etiquetas que se pueden usar como contenedor en HTML. Estas etiquetas generalmente se dividen en tres partes, es decir, la etiqueta de apertura , el contenido (que se mostrará en el navegador) y la etiqueta de cierre . La parte de contenido puede contener algunas otras etiquetas. Las etiquetas de apertura y cierre se utilizan en pares. Si olvida cerrar la etiqueta del contenedor, el navegador aplica el efecto de la etiqueta de apertura hasta el final de la página. Por lo tanto, se debe tener cuidado al trabajar con etiquetas de contenedores.
Algunas etiquetas que se pueden utilizar como contenedor se indican a continuación:
- Etiqueta HTML <div> : la etiqueta div se conoce como etiqueta de división. Se utiliza para hacer divisiones de contenido en la página web como texto, imágenes, encabezado, pie de página, barra de navegación, etc.
- Etiqueta HTML <article> : la etiqueta <article> se utiliza para representar un artículo en la página. Es una nueva etiqueta proporcionada en HTML5.
- Etiqueta HTML <section> : la etiqueta <section> se puede utilizar para definir secciones como capítulos, encabezados, pies de página, etc. de un documento. También puede dividir el contenido en subsecciones.
- Etiqueta HTML <header>: La etiqueta <header> se utiliza para definir el encabezado de un documento o una sección, ya que contiene la información relacionada con el título y el encabezado del contenido relacionado.
- Etiqueta HTML <footer> : La etiqueta <footer> se utiliza para definir un pie de página de un documento. Esta sección contiene información como la información del autor y la información de derechos de autor.
- Etiqueta HTML <form>: La etiqueta <form> se utiliza para crear formularios que permiten recibir información del usuario. Todos los elementos de entrada se pueden encerrar dentro de esta etiqueta.
Sintaxis:
<container_tag>
// content
</container_tag>
El siguiente ejemplo ilustra el uso de una etiqueta de contenedor:
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <body> <center> <div> <h1 style="color:green"> GeeksforGeeks </h1> <article> A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles. </article> </div> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA