Practicando con listas ordenadas y listas no ordenadas | Ejercicio html

Practicando con listas ordenadas y listas no ordenadas | Ejercicio html

5
(1)

En este ejercicio vamos a aplicar el concepto listas ordenadas y no ordenas en html.

Puedes repasar la teoría en esta publicación.

Enunciado

Escribe con html las listas según la imagen.

Ejemplos listas ordenadas
Ejercicio listas ordenadas
Ejemplo listas NO ordenadas
Ejercicio listas NO ordenadas

Solución del ejercicio

Usaremos los atributos type, reversed y start.

Tengamos en cuenta que el atributo type está deprecated en html5 pero que su uso es práctico. Por una vez haremos una excepción…

Resolución listas ordenadas

<h2>Listas ordenadas</h2>

<ol type="a" start="4">
    <li>Elemento 1</li>		
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    <li>Elemento 4</li>
</ol>

<ol start="100" reversed="reversed">
    <li>Elemento 1</li>		
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    <li>Elemento 4</li>
</ol>

<ol type="i" start="999">
    <li>Elemento 1</li>		
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    <li>Elemento 4</li>
</ol>

Resolución listas NO ordenadas

<h2>Listas no ordenadas</h2>

<ul type="disc">
    <li>Elemento 1</li>		
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    <li>Elemento 4</li>
</ul>

<ul type="circle">
    <li>Elemento 1</li>		
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    <li>Elemento 4</li>
</ul>

<ul type="square">
    <li>Elemento 1</li>		
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    <li>Elemento 4</li>
</ul>

¡Hola!

Querido lector,

Espero que este ejercicio te haya ayudado a practicar con los atributos que pueden acompañar un elemento lista.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 5 / 5. Votos: 1

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

¿Dónde he fallado?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

1 Comment

Post A Comment