Navegación:

Poniendo todo junto

Para que el navegador entienda lo que es cada elemento de tu sitio web, necesitamos etiquetarlos con etiquetas HTML. HTML significa Hypertext Markup Language. Las etiquetas son palabras rodeadas por los símbolos < y >. Por ejemplo, la etiqueta <img> le indica al navegador que “esto es una imagen”. La etiqueta <button> le indica que “esto es un botón”.

alt text

¡Las etiquetas (o Tags) también se pueden usar para organizar tu página web! La imagen de abajo muestra la estructura de una página web básica. La cabecera (etiqueta <head>) generalmente contiene las bibliotecas adicionales y el título de la página, mientras que el cuerpo (la etiqueta <body>) contiene la mayor parte del contenido que se muestra en la página.

Estructura de html tag

La mayoría de las etiquetas (o Tags) necesitan una etiqueta de apertura y otra de cierre. Por ejemplo, verás que todas las páginas contienen una etiqueta de apertura <html> al principio, y una etiqueta de cierre </html> al final. Esto le dice al navegador dónde empiezan los elementos HTML y dónde acaban. Puedes pensar en las etiquetas como en unas comillas; por ejemplo, la computadora entenderá que todo lo que esté entre la etiqueta <html> y la etiqueta </html> es parte de un sitio web HTML.

Existen también algunas etiquetas, como la etiqueta <img>, que se cierran ellas solas, es decir, que solo necesitan una etiqueta de aprtura pero no necesitan una etiqueta de cierre.

Aquí tienes un ejemplo:

See the Pen HTML Basics by Deliana Escobari (@Sunny-Dee) on CodePen.