Teoría
Teoría

Los atributos start y reversed

Las reglas también se pueden cambiar. Vamos a agregar otras dos listas a la entrada anterior: una con la numeración en orden inverso y otra que no empiece por uno. Para eso sirven los atributos start y reversed.

La numeración comienza en uno de forma predeterminada. Con start puedes elegir otro número inicial. También puedes usar números negativos.

Por ejemplo:

<ol start="3">
  <li>uno</li>
  <li>dos</li>
</ol>

El atributo reversed invierte el sentido de la numeración. No necesita un valor.

Otro atributo, type, permite cambiar el tipo de numeración. En lugar de cifras arábigas puedes usar letras latinas o números romanos, en mayúsculas o minúsculas. Estos son sus valores:

1: números decimales;
a: letras latinas minúsculas;
A: letras latinas mayúsculas;
i: números romanos en minúsculas;
I: números romanos en mayúsculas.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Sitio de un principiante en desarrollo web</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <p>Blog</p> <nav> Inicio </nav> </header> <main> <article> <h1>Día tres. Mi gato está enojado conmigo</h1> <p>Ayer, mientras navegaba por internet, volví a olvidar darle de comer a mi gato. Espero que Cupcake no se entere y siga dándome ejercicios. Voy a hacer una lista de tareas diarias.</p> <ol> <li>Darle de comer al gato</li> <li>Regar el cactus</li> <li>Apagar la luz</li> <li>Salir a hacer pendientes</li> </ol> <p>En internet estaba buscando una clasificación de los videojuegos de 2018. No todo va a ser estudiar. Así quedaron los puestos:</p>  <ol> <li>Red Dead Redemption 2</li> <li>Detroit: Become Human</li> <li>Spider-Man</li> <li>God of War</li> </ol> <p>Ahora puedo continuar mi lista de tareas.</p>  <ol> <li>Preparar la comida</li> <li>Jugar God of War</li> <li>Lavar los platos</li> <li>Irme a dormir</li> </ol> <p>Ahora sí que no se me olvida nada.</p> </article> <aside> Tu anuncio podría estar aquí </aside> </main> <footer> Pie de página </footer> </body> </html>

CSS

body { padding: 0 30px; font-size: 14px; line-height: 22px; font-family: "Georgia", serif; color: #222222; } h1 { font-size: 20px; line-height: normal; } nav { color: #888888; } aside { margin: 20px 0; color: #c4c4c4; }

ObjetivosRealizado

Agrega el atributo reversed a la segunda lista.
Agrega a la tercera lista el atributo start con el valor 5.