🧁

Guía de Pastelería en Neocities

Tu asistente paso a paso para dominar HTML y CSS

Paso Actual: Añadir un Enlace (<a>)

📋 Progreso del Tutorial

✔

1. Crear página (index.html)

Estructura base del archivo.

✔

2. Título principal (<h1>)

El encabezado de tu pastelería.

✔

3. Lista Desordenada (<ul>)

Las Reglas del Pastelero.

👉

4. Añadir un Enlace (<a>) - ¡Paso de la Imagen!

Debes crear un enlace utilizando la etiqueta anchor y la propiedad href.

🔒

5. Imagen (<img>)

Mostrar fotos de tus deliciosos pasteles.

🔒

6. Estilos CSS (<style>)

¡Darle colores rosa y crema a todo!

💡 ¿Cómo funciona la etiqueta <a>?

La etiqueta <a> sirve para conectar tu web con otras páginas. Necesita un atributo obligatorio llamado href que indica la URL de destino.

<a href="https://neocities.org">Visitar Neocities</a>

• href: Dirección de la web (debe iniciar con https://).

• Texto de anclaje: Las palabras que el usuario verá para hacer clic (en este caso "Visitar Neocities").

🎨 Generador de Enlaces para tu Pastelería

🍰 Personalización de Pastelería Sugerida:

Código para Copiar
<a href="https://neocities.org">¡Visita el sitio oficial de Neocities!</a>

¡Copiado con éxito! Listo para pegar en Neocities.

⚡ Probador de HTML en Tiempo Real

Escribe tu código abajo (incluyendo tu nuevo enlace) para ver cómo se verá antes de cargarlo a la web real: