HTML. Listas

iSearchNotes is a FREE service that allows College Students to
Search and Share Class Notes.

Vote Up
1
Vote Down
By: profeinformatica 11
March 1, 2011 | Computer Science - Vicente Torregrosa
Save Notes for Word
.doc
5318
views

LISTAS

Para realizar listas en HTML se pueden utilizar las listas

  • Desordenadas
  • Ordenadas

 


Las listas desordenadas utilizan las etiquetas <ul> </ul>. (ul significa unordered list).

Para añadir un elemento a la lista se usa la etiqueta <li> (no es necesario cerrarlo)

Ejemplo:

<ul>

    <li>Desordenadas

    <li>Ordenadas

</ul>


Podemos cambiar el tipo de viñeta añadiendo un atributo a la etiqueta <ul>

          <ul type="tipo de viñeta">    donde tipo de viñeta puede ser uno de los siguientes:

  • circle
  • disc 
  • square

 

Ejemplo:

<ul type="disc">

    <li>Desordenadas

    <li>Ordenadas

</ul>

 


Las listas ordenadas utilizan las etiquetas <ol> </ol>. (ol significa ordered list).

Y al igual que en las desordenadas, para añadir un elemento a la lista se usa la etiqueta <li> (no es necesario cerrarlo)

Ejemplo:

<ol>

    <li>Desordenadas

    <li>Ordenadas

</ol>


Podemos cambiar el tipo de numeración añadiendo un atributo a la etiqueta <ol>

               <ol type="tipo de numeración">    donde tipo de numeración puede ser uno de los siguientes:

              1           Para ordenar por números
              a           Por letras del alfabeto
              A           Por letras mayúsculas del alfabeto
              i            Ordenación por números romanos en minúsculas
              I            Ordenación por números romanos en mayúsculas

 

Ejemplo

<ol type ="a">

    <li>Desordenadas

    <li>Ordenadas

</ol>

Enjoyed These Notes?
Your support will help spread the extreme awesomeness that is iSearchNotes!

0 Comments

You must login to comment.
iSearchNotes.com on Facebook

Login - Register