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!
Entradas relacionadas:
Cuando aprendes HTML por primera vez se presentan dudas lógicas fruto de nuestra inseguridad. Desafortunadamente en la red, en muchas ocasiones no encontramos las respuestas que necesitamos. En esta ...
Ejercicio html de nivel básico para practicar con el espacio en blanco de HTML. Incluye solución.
Conceptos mínimos que debes aprender sobre doctype ¿Cómo y cuándo debemos usar la instrucción doctype? ¿Tienes claro si es en minúscula o mayúscula. ¿Qué es el DTD?
Ejercicio html en el que se resuelve un formulario html a partir de unas especificaciones determinadas. Incluye solución.
¿Qué sucede cuando te equivocas con una etiqueta html o directamente te la inventas? ¿Cómo la interpreta el navegador web?
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Francesc Ricart
Posted at 14:12h, 04 noviembreObservación: Edge no entiende el atributo reversed.