Para definir una lista en HTML5 podemos usar la etiqueta HTML <li> . Pero hay dos tipos de listados en HTML. Una es una lista ordenada y otra es una lista desordenada. Para ordenar podemos usar la etiqueta HTML <ol> y para la lista desordenada, usaremos la etiqueta HTML <ul> .
Además, podemos cambiar el tipo de lista, para eso, puede consultar los artículos a continuación.
Lista ordenada: Define una lista de elementos en la que importa el orden de los elementos. Una lista ordenada también se llama lista de números. Los elementos de la lista están encerrados entre las etiquetas <ol> y </ol>. La ordenación se da por esquema de numeración, utilizando números arábigos, letras o números romanos.
Sintaxis:
<ol>
<li>List item 1</li>
<li>List item 2</li>
</ol>
Lista desordenada: Se utiliza para artículos en los que el orden no es específico. Una lista desordenada también llamada lista con viñetas. La lista se define mediante las etiquetas <ul> y <ul/>. Cada vez en la lista se define usando la etiqueta <li>.
Sintaxis:
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
Ejemplo: el siguiente código muestra tanto la lista ordenada como la lista no ordenada.
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <ol> <li>Geeks</li> <li>Sudo</li> <li>Gfg</li> <li>Gate</li> <li>Placement</li> </ol> <ul> <li>Geeks</li> <li>Sudo</li> <li>Gfg</li> <li>Gate</li> <li>Placement</li> </ul> </body> </html>
Producción:
lista ordenada y lits no ordenados
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA