Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] Duda con el uso de <ul> <li>

Referente al curso Arquitectura CSS: descomplicando los problemas, en el capítulo Estilizando Footer y Responsividad y actividad Estilizar rodapie

por Estudiante
| 83k xp | 6 posts

Tengo una consulta, practicando me surgió una duda: Para colocar los iconos en el rodapie podría utilizarse directamente un div con tres etiquetas a (una para cada icono),sin usar la ul - li?

`<div class="rodapie_redes">
            <a class="redes__whatsapp" href="#" target="_blank">
                <img src="./assets/img/WhatsApp.png" alt="WhatsApp">
            </a>
            <a class="redes__correo" href="#" target="_blank">
                <img src="./assets/img/email.png" alt="correo electrónico">
            </a>
            <a class="redes__instagram" href="#" target="_blank">
                <img src="./assets/img/Instagram.png" alt="instagram">
            </a>
 /div>`
1 respuesta
por Rafaela Rocha
| 2875.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Estudiante!

Claro, puedes utilizar un div con etiquetas a en lugar de ul-li para colocar los iconos en el rodapie. La estructura ul-li se utiliza comúnmente para crear listas, pero en este caso, si solo necesitas mostrar los iconos sin ninguna estructura de lista, utilizar un div con etiquetas a es una opción válida.

Aquí tienes un ejemplo de cómo quedaría el código utilizando un div:

<div class="rodapie_redes">
    <a class="redes__whatsapp" href="#" target="_blank">
        <img src="./assets/img/WhatsApp.png" alt="WhatsApp">
    </a>
    <a class="redes__correo" href="#" target="_blank">
        <img src="./assets/img/email.png" alt="correo electrónico">
    </a>
    <a class="redes__instagram" href="#" target="_blank">
        <img src="./assets/img/Instagram.png" alt="instagram">
    </a>
</div>

Recuerda que puedes estilizar el div y las etiquetas a según tus necesidades utilizando CSS.

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)