NeytorTec Tutoriales Web

Neytortec es un blog dedicado a brindar conocimientos Sobre las diferentes formas de crear un sitio web desde el aprendizaje de lenguajes web hasta su aplicación en el uso de un Blog.

Podemos definir el tipo de viñeta empleada para cada elemento.  Para ello debemos especificarlo por medio del atributo type  incluida ...

Tipos de viñetas en Listas Desordenadas con HTML

16 octubre 1 comentarios
tipos de viñetas en listas desordenadas

Podemos definir el tipo de viñeta empleada para cada elemento.  Para ello debemos especificarlo por medio del atributo type incluida dentro de la etiqueta de apertura <ul> , si queremos que el estilo sea valido para toda la lista, o de lo contrario solo definimos en la etiqueta <li>, si queremos hacerlo especifico en en solo elemento.


En forma generla el codigo seria declaradod e la siguiente manera :
<ul type="Parámetro"> o <li type="Parámetro"> 

los parámetros pueden ser los siguientes: "square--> viñetas cuadradas"; "circle-->viñetas cirsulares"

Ejemplos:

Código HTML de Viñetas Cuadriculares:





Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis

Código HTML de viñetas Circulares:




Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis




También podemos combinar el uso de Viñetas, esto es posible colocando el atributo en la etiqueta <li>

Ejemplo :


Código HTML de Viñetas Combinadas:



Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis
  • Viñeta Por defecto


Share This

1 comentario:

Suscribirse a: Enviar comentarios (Atom)