Top Right Link Text
{ Curso de HTML/XHTML }
Muchos aqui usamos Software Privativo, sobre todo cuando se acaba el papel higenico.


Curso de HTML y/o XHTML cap6 – listas en html.

Html nos hace sencillo el poder crear listas, por ejemplo si deseamos crear un lista de compras:

  1. 2 huevos
  2. 1/4 kilo harina
  3. Mantequilla
  4. Coco en polvo
  5. Azúcar

el código seria el siguiente:

1
2
3
4
5
6
7
<ol>
  <li>2 huevos</li>
  <li>1/4 kilo harina</li>
  <li>Mantequilla</li>
  <li>Coco en polvo</li>
  <li>Azúcar</li>
</ol>


Como podemos ver cada elemento de la lista va encerrado por las etiquetas li. La etiqueta ol indica que la lista es organizada(con números), si remplazamos ol por ul, eso nos diría que la lista es (des-organizada), vemos un ejemplo de lista desorganizada:

  • 2 huevos
  • 1/4 kilo harina
  • Mantequilla
  • Coco en polvo
  • Azúcar

el código seria el siguiente:

1
2
3
4
5
6
7
<ul>
  <li>2 huevos</li>
  <li>1/4 kilo harina</li>
  <li>Mantequilla</li>
  <li>Coco en polvo</li>
  <li>Azúcar</li>
</ul>

Y eso es todo amigos :D , recuerden practicar :D .

Post Relacionados



    This entry was posted on Wednesday, February 18th, 2009 at 16:30 and is filed under Curso de html/xhtml. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

    Leave a Reply