martes, 24 de mayo de 2011

68 - HTML - Listas no ordenadas - <ul><li>...</li></ul>

Una lista no ordenada está compuesta por elementos que son precedidos por un disco, un cuadrado o un circulo (viñeta).

Se definen mediante el elemento <ul>, que lleva etiquetas de apertura y de cierre.

Cada uno de estos elementos, presentan además un sangrado, y tienen la posibilidad de anidarse.

Para la separación de cada elemento de la lista se utiliza la etiqueta <li>, que también tiene inicio y fin.

La viñeta por defecto es el disco pero puede configurarse con la etiqueta type, para utilizar el cuadrado o el circulo.

Código de ejemplo:

<html>

<head>

<title>Ejemplo de lista NO ordenada - Lista de tareas</title>

<HTML>

</head>

<body>

<ul>

<li>Jugar a la lotería</li>

<li>Cobrar lo ganado en la lotería</li>

<li>Comprar coche con lo ganado en la lotería</li>

</ul>

</body>

</html>

Programa 48

Representación en el navegador:

  • Jugar a la lotería
  • Cobrar lo ganado en la lotería
  • Comprar coche con lo ganado en la lotería

No hay comentarios:

Publicar un comentario