26 Ene Practicando con listas ordenadas y listas no ordenadas | Ejercicio html
Publicado a las 07:30h en Ejercicios HTML, Tutorial HTML gratuito. Aprende a estructurar tus páginas web. 0 Comentarios
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.
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!
No hay comentarios