Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Crear Enlaces a Sitios Web Populares | Etiquetas y Atributos HTML
HTML Definitivo

book
Desafío: Crear Enlaces a Sitios Web Populares

Objetivo

Crear una página web atractiva que presente una lista desordenada (<ul>) con enlaces (<a>) a tres sitios web populares. El objetivo es asegurar que estos enlaces se abran en nuevas pestañas al hacer clic, mejorando la experiencia del usuario y permitiendo explorar cada destino sin esfuerzo.

Tarea

Utilizar los siguientes elementos para crear una experiencia emocionante de descubrimiento web:

  1. Crear una lista desordenada con tres elementos utilizando un elemento <ul>.

  2. Cada elemento de la lista debe contener un enlace (<a>) a un sitio web popular y su nombre.

  3. La lista debe contener los siguientes elementos:

    • "Apple" - Enlace al sitio web de Apple: https://www.apple.com/;

    • "Amazon" - Enlace al sitio web de Amazon: https://www.amazon.com/;

    • "Netflix" - Enlace al sitio web de Netflix: https://www.netflix.com/.

index.html

index.html

copy
<!-- Change the code below -->
<ul>
<li>
<a href="___" target="_blank">Apple</a>
</li>
<li>
<a href="https://www.amazon.com/" target="___">Amazon</a>
</li>
<li>
<a ___="___" ___="___">Netflix</a>
</li>
</ul>
  1. Utilizar la etiqueta ul para crear una lista desordenada.

  2. Utilizar la etiqueta li para crear elementos de lista para cada enlace de sitio web.

  3. Utilizar la etiqueta a para crear enlaces y especificar la URL del sitio web mediante el atributo href.

  4. Para que los enlaces se abran en nuevas pestañas, incluir el atributo target="_blank" dentro de la etiqueta a.

index.html

index.html

copy
<ul>
<li>
<a href="https://www.apple.com/" target="_blank">Apple</a>
</li>
<li>
<a href="https://www.amazon.com/" target="_blank">Amazon</a>
</li>
<li>
<a href="https://www.netflix.com/" target="_blank">Netflix</a>
</li>
</ul>
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

some-alt