jueves, 19 de julio de 2012

3- HTML Básico Listas y Enumeraciones

Hoy seguimos aprendiendo de HTML básico, en esta vamos a hacer referencia a las Listas y Enumeraciones que podemos hacer con HTML. Esta será una entrada sencilla, rápida, básica y fácil de aplicar para todos los que estén empezando con este curso. Como en las entradas anteriores, primero os coloco los enlaces de manera que si aún no sabes de HTML o no has instalado Dreamweaver tengas acceso a hacerlo desde ya mismo.

PASO 1¿Quieres instalar Dreamweaver6 para poder crear tu página web?

Click aqui para guía de instalación Dreamweaver6

PASO 2 ¿Quieres conocer los primeros pasos con Dreamweaver?

Click aqui para conocer los primeros pasos

PASO 3 ¿Quieres conocer la forma de crear Hipervínculos mediante HTML?

Click aqui para saber hacer hipervínculos

Y ahora empecemos con el PASO 4 que será esta misma entrada. Comenzamos!

Para las personas que se están preguntando ¿Qué es una lista? Una lista es una serie de datos preciosos que se prentan precedidos por puntos (de diferentes formas) o por números (en varios formatos).

Ejemplo de listado numeral del 1 al 10 de una clase de colegio:
  1. David
  2. Pedro
  3. Lucía
  4. Eduardo
  5. Carmen
  6. Sara
  7. Álvaro
  8. Sheila
  9. Carlos
  10. José
Como ya tenemos claro lo que es una lista, ahora vamos a ver como traducirla en formato HTML. Para hacer una lista de puntos usaremos las etiquetas <UL> </UL>

Lista por puntos, etiquetas y resultado:

<UL>
<LI> Lunes </LI>
<LI> Martes </LI>             
<LI> Miércoles </LI>
</UL> 
 __________

  


Lista por números, etiquetas y resultado:

<OL>
<LI> Lunes </LI>
<LI> Martes </LI>             
<LI> Miércoles </LI>
</OL> 
 __________

 



Lista por mayúsculas y minúsculas, etiquetas y resultado:

<OL type= A>
<LI> Lunes </LI>
<LI> Martes </LI>             
<LI> Miércoles </LI>
</OL> 
___________




  
Noten en este momento que utilizando la etiqueta <OL type=a> (minúscula) conseguiremos que nuestra lista será de letras minúsculas.  






1 comentario: