Demostración de etiquetas HTML

Archivo base — partir siempre de la plantilla.


Encabezados y texto

Subtítulo de ejemplo

Este párrafo contiene texto en negrita y texto en cursiva. Aquí mostramos una inserción insertada recientemente y un texto eliminado eliminado.

También mostramos superíndice x2 y subíndice CO2.

Salto de línea forzado usando <br> en la siguiente línea.
Esta es la segunda línea tras <br>.


Insertar el literal del signo menor: &lt; produce < en el navegador.

Bloques de texto preformateado

        Algún código o texto preformateado:
        for i in range(3):
        print(i)
      

Imágenes y enlaces

Enlace exterior: Visitar example.com

Enlace interior a sección de contacto: Ir a contact

Enlace a un PDF en la carpeta del proyecto: Abrir PDF de ejemplo

Imagen normal

Imagen pequeña de ejemplo

Imagen como hiperenlace

Imagen como enlace

Usando <picture> para elegir imagen según tamaño

Imagen responsiva (fallback)

La etiqueta <picture> mostrará una imagen grande en pantallas anchas y una pequeña en móviles.

Formulario mínimo (no funcional)

Ejemplo de enlace interior a una dirección de correo: Enviar correo