Blogia
shadni

VIÑETAS EN HTML

LISTAS.
  • Listas sin ordenar: También llamadas viñetas. Se introducen por medio del icono de Viñetas del Inspector de Propiedades.
ViñetasHTML
  • Rojo
  • Verde
  • Azul

  • Rojo

  • Verde

  • Azul

  • Listas ordenadas: También llamadas numeraciones. Se introduce con el icono de Numeraciones del Inspector de Propiedades.
NumeraciónHTML
  1. Rojo
  2. Verde
  3. Azul

  1. Rojo

  2. Verde

  3. Azul

   Las listas HTML están formateadas con diferentes tipos de viñetas para representar las relaciones jerárquicas entre los elementos de una lista. Pero nada le impide utilizarlas como quiera.

VIÑETAS:

Para aplicar viñetas debe hacerse uso de la instrucción . Esta instrucción indica al explorador que lo que sigue a continuación es una lista con viñetas. Por cada símbolo utilizado debe usar la instrucción , la cual se corresponde con cada línea de dato de la lista. Finalmente debe cerrar la lista de viñetas con la instrucción .

Las viñetas se representan con la instrucción para delimitar la lista, y para indicar cada uno de los elementos. En la instrucción    se puede incluir el tipo de viñeta:
    disk = Indica un punto
    circle = Indica un punto sin relleno
    square = Indica un cuadrado
      
     
    Ejemplo Resultado
      disk >
    • Venezuela
    • Colombia
    • Ecuador
    • Perú
     
    • Venezuela
    • Colombia
    • Ecuador
    • Perú
      square>
    • Venezuela
    • Colombia
    • Ecuador
    • Perú
     
    • Venezuela
    • Colombia
    • Ecuador
    • Perú
      circle>
    • Venezuela
    • Colombia
    • Ecuador
    • Perú
     
    • Venezuela
    • Colombia
    • Ecuador
    • Perú
      
      Todas las listas se pueden "anidar", es decir incluir una lista dentro de otra, con lo que se consigue una estructura tipo "índice de materias".
    Ejemplo Resultado
      disk>
    • Buscadores
      • Yahoo
      • Ole
      • Lycos
    • Links
      • Microsoft
      • IBM
    • Buscadores
      • Yahoo
      • Ole
      • Lycos
    • Links
      • Microsoft
      • IBM
     

0 comentarios