Listado completo de tutoriales

Temario del Tutorial->16 - Lista no ordenada (<ul>)


Una lista no ordenada como su nombre lo indica no utiliza un número delante de cada items sino un pequeño símbolo gráfico.

La forma de implementar este tipo de listas es idéntico a las listas ordenadas.

Veamos un ejemplo donde implementamos una lista no ordenada:

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<h2>Lenguajes de programación.</h2>
<ul>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>C#</li>
</ul>
</body>
</html>

El resultado en el navegador es:

lista no ordenada ul

Para recordar los nombres de estas etiquetas HTML:

<ul> viene de las palabras unordered list
<li> viene de las palabras list item

Retornar