26 Ene Practicando con listas ordenadas y listas no ordenadas | Ejercicio html
Posted at 07:30h in Tutorial HTML gratuito. Aprende a estructurar tus páginas web., Ejercicios HTML 1 Comment
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:
Ejercicio html sobre tablas. Etiquetas table, tr, td, colspan, rowspan
Ejercicio nivel básico sobre tablas html. Uso de rowspan y colspan. Incluye solución.
Ejercicio nivel básico sobre tablas html. Uso de rowspan y colspan. Incluye solución.
Anclas html
Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...
Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...
Cuando el único remedio es usar caracteres escapados
En este ejercicio html vemos un ejemplo práctico en el que no queda más remedio que usar nombres html o códigos html (caracteres escapados).
En este ejercicio html vemos un ejemplo práctico en el que no queda más remedio que usar nombres html o códigos html (caracteres escapados).
Como y cuando usar las etiquetas blockquote, q y cite
Las etiquetas q, cite y blockquote tienen significado semántico. Además de que pueden ser muy útiles en cuanto al SEO. ¿Sabes cómo y cuándo debes usarlas?
Las etiquetas q, cite y blockquote tienen significado semántico. Además de que pueden ser muy útiles en cuanto al SEO. ¿Sabes cómo y cuándo debes usarlas?
Ejercicio sobre mapas de imágenes html
Ejercicio html dónde se practica un ejemplo de uso de un mapa de imagen. Incluye solución.
Ejercicio html dónde se practica un ejemplo de uso de un mapa de imagen. Incluye solución.
Errores html típicos que todos cometemos alguna vez
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Francesc Ricart
Posted at 14:12h, 04 noviembreObservación: Edge no entiende el atributo reversed.