Enlaces y Listas

Los enlaces son lo que hace "web" a la web, conectando diferentes piezas de información. Las listas son una de las mejores formas de organizar la información de manera legible.

Enlaces (El elemento <a>)

La etiqueta <a> (de "anchor" o ancla) se usa para crear enlaces o vínculos hacia otras páginas, archivos o secciones dentro de la misma página.

El atributo más importante de la etiqueta <a> es href (Hypertext REFerence), que especifica a dónde nos llevará el enlace.

Tipos de Enlaces:

1. Enlaces Absolutos: Llevan a una URL completa y diferente.

<a href="https://www.google.com">Ir a Google</a>

2. Enlaces Relativos: Llevan a una página dentro del mismo sitio web.

<a href="/contacto.html">Ir a la página de Contacto</a>
<a href="acerca-de.html">Acerca de nosotros</a>

Atributo target: Para que un enlace se abra en una nueva pestaña (en lugar de reemplazar la actual), se utiliza el atributo target="_blank".

<a href="https://www.google.com" target="_blank">Abrir en otra pestaña</a>

Listas

HTML ofrece diferentes tipos de listas dependiendo de si el orden de los elementos importa o no.

1. Listas Desordenadas (<ul>)

Se usan cuando el orden de los ítems no es crucial. El navegador típicamente las renderiza con puntos (viñetas/bullets).

<ul>
  <li>Manzanas</li>
  <li>Plátanos</li>
  <li>Naranjas</li>
</ul>

• Manzanas
• Plátanos
• Naranjas

2. Listas Ordenadas (<ol>)

Se usan para pasos o secuencias donde el orden importa. El navegador automáticamente las enumera secuencialmente.

<ol>
  <li>Despertarse</li>
  <li>Hacer café</li>
  <li>Programar</li>
</ol>

1. Despertarse
2. Hacer café
3. Programar

En ambos casos, cada elemento individual de la lista se define con la etiqueta <li> (List Item).