Tipos de bala para las listas HTML

Adición de una lista con viñetas de su sitio web puede ser una buena manera de presentar fácilmente la información secuencial secuencial o no. Además del estilo predeterminado, tanto las listas HTML ordenadas y desordenadas tienen varios estilos diferentes de bala que se pueden utilizar para adaptarse mejor al resto de su sitio web.

Estilos lista ordenada

El estilo de viñeta predeterminada para una lista ordenada es números. Para utilizar un estilo alternativo, añadir el atributo "tipo" a la etiqueta <ol>. Las opciones para el atributo "tipo" son "A" para visualizar las letras en mayúsculas, "A" para mostrar las letras en minúscula, "I" para mostrar números romanos en mayúsculas e "i" para mostrar números romanos en minúscula. Por ejemplo:

<Ol type = "A">

<Li> Gatos </ li>

<Li> Perros </ li>

<Li> Pájaros </ li>

</ Ol>

Estilos lista desordenada

El estilo de viñeta predeterminada para una lista desordenada es una bala redondo de color negro. Para utilizar un estilo alternativo, añadir el atributo "tipo" a la etiqueta <ul>. Las opciones para el atributo "tipo" son "círculo" para mostrar un círculo sin relleno y "cuadrado" para mostrar las casillas negras. Por ejemplo:

<Ul type = "cuadrado">

<Li> Gatos </ li>

<Li> Perros </ li>

<Li> Pájaros </ li>

</ Ul>

consideraciones

El uso de diferentes estilos de viñeta puede añadir interés visual a su sitio web y hacer que se destaque de páginas similares. Por otro lado, el uso de demasiados diferentes estilos de bala en la misma página puede hacer que se vea desordenado y confuso. Siempre probar el código HTML antes de cargar la nueva página de su sitio web para asegurarse de que tenga el aspecto que desea.

Advertencia

Se considera que el atributo "tipo" en desuso, tanto para los <ol> y las etiquetas <ul>; A pesar de que los navegadores actuales todavía lo apoyan, el atributo puede llegar a ser obsoleto en el futuro y apoyar para que pueda cesar. W3Schools recomienda el uso de CSS en lugar del atributo "tipo" para cambiar el estilo de viñeta para las listas; Estilos de listas con CSS ofrece el beneficio adicional de ser capaz de reemplazar las balas con imágenes.