El HTML

HTML, que significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje estándar utilizado para crear la estructura y el contenido de las páginas web.

Se utiliza para definir la organización de textos, imágenes, videos, y otros elementos multimedia en una página, permitiendo a los navegadores web interpretar y mostrar este contenido de manera correcta

Anatomía de una Etiqueta HTML

Un elemento HTML generalmente consta de las siguientes partes:

1. Etiqueta de Apertura (Opening Tag): Marca el inicio. Nombre entre < >. Puede tener atributos.
   Ejemplo: <p>
2. Atributos (Attributes): Info adicional (nombre="valor") dentro de la etiqueta de apertura.
   Ejemplo: href="https://..."
3. Contenido (Content): Texto u otras etiquetas entre apertura y cierre.
   Ejemplo: Este es un párrafo.
4. Etiqueta de Cierre (Closing Tag): Marca el final. Similar a apertura pero con /.
   Ejemplo: </p>

Representación Visual

<nombre-etiqueta atributo1="valor1" atributo2="valor2">Contenido del elemento</nombre-etiqueta>
\__________________/ \______________________________/ \______________________/ \_____________________/
        |                         |                             |                       |
Etiqueta de Apertura         Atributos                      Contenido          Etiqueta de Cierre

\_____________________________________________________________________________________________/
                                       Elemento Completo
        

Ejemplo de Uso: Etiqueta <a>

Veamos un ejemplo práctico con la etiqueta <a> (hipervínculo):

Desglose del ejemplo:

• Apertura <a ... >: Inicio del elemento de ancla.
• Atributos href="..." y target="...": Definen la URL y dónde se abre.
  • href: Destino del enlace.
  • target="_blank": Abrir en nueva pestaña.
• Contenido Ir a Google: Texto visible del enlace.
• Cierre </a>: Fin del elemento de enlace.

Este conjunto completo forma un elemento HTML.