Tecnología

Inicio

Cómo crear una lista con viñetas en una página web HTML

Crear una lista con viñetas en su página web le ayudará a agregar espacio en blanco, organizar su información más fácilmente y mejorar su SEO (Search Engine Optimization) ranking, si utiliza buenas palabras clave en la lista.

Instrucciones

1 Decidir donde la lista se va a ir, a continuación, se reúnen todos los elementos de la lista.

2 Escribir el código <ul> para significar el comienzo de la lista desordenada (una lista no ordenada será viñetas de forma automática en su navegador).

3 Escribe el código <li> para significar el primer elemento de la lista con viñetas.

4 Introduzca la información de la primera bala después de la primera etiqueta <li>. Su primera bala se verá así: <li> texto para la primera bala.

5 Agregar el </ li> al final del primer elemento, por lo que su código es <li> Texto de primera bala </ li>

6 Repita este proceso para cada ítem de la lista. Al final de la lista, coloque la etiqueta </ ​​ul> para indicar el final de la lista con viñetas.

Consejos y advertencias

  • Añadir un encabezado a la lista con viñetas mediante la colocación de un título en el <h1>, <h2> o <b> etiquetas para que la lista se destacan. utilizar sólo la información más útil en una lista con viñetas, y asegúrese de que cada elemento de la lista o de la línea es diferente que la anterior.
  • Obtener más consejos útiles siguiendo los enlaces en la sección de Recursos más adelante.
  • No se debe confundir una lista desordenada <ul> con una lista ordenada <ol>. Una lista ordenada tendrá números que marcan cada elemento de la lista en lugar de balas.

Artículos relacionados