Poner bullets en HTML

Introducción

Si queremos poner un punto o bullet (viñeta) en HTML, tenemos diferentes opciones disponibles. Vamos a ver las dos principales formas de hacerlo.

La forma estándar: listas desordenadas

La primera opción, y la más estándar, es utilizar una lista desordenada UL:

<ul>
  <li>Primer elemento</li>
  <li>Segundo elemento</li>
  <li>Tercer elemento</li>
</ul>

Este sería el mecanismo más estándar y recomendado para crear listas con bullets.

La forma alternativa: entidades HTML

Otra opción, podríamos decir que más exótica, es la de utilizar entidades HTML. No vamos a entrar en este punto a analizar la utilidad o no de esta solución. Solo la explicamos para saber que existe.

La entidad bull

La entidad que representa al punto o bullet es bull. Para utilizarla en nuestra página HTML solo tendremos que anteponerle un ampersand & y posponerle un punto y coma ;.

La sintaxis sería:

•

Ejemplo de uso

La línea de código nos quedaría de la siguiente forma:

<p>&bull; Primer elemento</p>
<p>&bull; Segundo elemento</p>
<p>&bull; Tercer elemento</p>

Resultado visual

Y el resultado sería:

• Primer elemento
• Segundo elemento
• Tercer elemento

Aunque la forma estándar de crear bullets en HTML es mediante listas <ul>, la entidad • puede ser útil cuando necesitas insertar un bullet dentro de un texto normal sin crear una lista formal.