26 Ene Practicando con listas ordenadas y listas no ordenadas | Ejercicio html
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!
¿Te ha gustado esta publicación?
¡Valora sobre 5 estrellas esta publicación!
Todavía no hay votos. Sé el primero en valorar la entrada.
Vaya, parece que hay puntos a corregir
¿Me ayudas a mejorar?
¡Gracias por tu feedback!
Entradas relacionadas:
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Ejemplos de listas numeradas negativas. Incluye código e imágenes del resultado final con distintas opciones.
Ejercicio html para practicar las etiquetas html de texto. Tanto las más típicas como otras menos usadas igualmente importantes. Incluye solución.
Resumen de clase de las etiquetas audio y video html5. Apuntes html del certifiado de profesionalidad IFCD01110
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Cansado de encontrar recursos online que no satisfacían mis necesidades he decidido compartir uno de mis examenes html. ¿Te animas a hacerlo?
Francesc Ricart
Publicado a las 14:12h, 04 noviembreObservación: Edge no entiende el atributo reversed.