Cómo crear puntos de bala HTML?
Los puntos de bala HTML vienen con elementos de lista ordenados o desordenados. El ""Se utiliza para crear la lista desordenada y el"
"La etiqueta se usa para crear la lista ordenada. Junto con eso, el ""La etiqueta se usa para crear cada elemento en la lista. El propósito de usar una lista con viñetas es mostrar múltiples contenidos en el formulario de lista para que el contenido sea fácil de entender para el usuario. Si hay más de un elemento de lista en el sitio web, para crear una separación visual se pueden usar diferentes puntos de bala de estilo.
Este artículo demuestra cómo crear puntos de bala en HTML:
- Puntos de bala de la lista ordenada
- Puntos de bala de la lista desordenada
Cómo crear puntos de bala de lista ordenados en HTML?
Las listas ordenadas se utilizan cuando el desarrollador desea mostrar la lista de contenido en el formulario ordenado. Las balas de ítem en la lista ordenada son principalmente en forma de numérica o alfabética. Siga la siguiente demostración para obtener conocimiento sobre el estilo de la bala en su mayoría usada para listas ordenadas en HTML:
Ejemplo 1: números como punto de bala
Por defecto, la lista de pedidos muestra números como puntos de bala con elementos de la lista siempre que comienzan desde uno.
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
- Herrero
- Auston
Después de la ejecución del código anterior, la página web se ve así:
La salida muestra que los elementos de la lista ordenados se muestran con el estilo de bala predeterminado.
Ejemplo 2: letras mayúsculas
Para mostrar el "Caracteres alfabéticos"Como puntos de bala con los elementos de la lista de una lista ordenada. El "tipo"Atributo de""Se usa y se establece en"b"Lo que significa caracteres alfabéticos en la caja superior:
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
- Herrero
Después de la ejecución del código anterior, la página web se ve así:
La salida muestra que los puntos de la bala están en caracteres mayúsculas.
Ejemplo 3: letras minúsculas
Para establecer minúsculas como punto de bala, el "tipo"El valor del atributo se establece en"a":
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
- Herrero
Después de mostrar el código anterior, la página web se ve así:
La salida anterior muestra que los puntos de la bala ahora se cambian a caracteres en minúsculas.
Ejemplo 4: números romanos mayúsculas
Los números romanos también se pueden insertar como un punto de bala para los elementos de la lista ordenados. Para establecer los números romanos mayores, el "tipo"El valor del atributo se establece en capital"I" Como se muestra abajo:
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
- Herrero
Después de ejecutar el fragmento de código anterior, la página web se ve así:
La salida anterior muestra que los números romanos mayúsculas ahora se seleccionan como puntos de bala.
Ejemplo 5: números romanos en minúsculas
De la misma manera, muestre los números romanos en minúsculas, el "i"Se establece como un valor para el"tipo"Atributo como se muestra a continuación:
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
- Herrero
Después de ejecutar el código anterior:
La salida anterior ilustra que los números romanos en minúsculas se establecen como puntos de bala para los elementos de la lista.
Cómo crear puntos de bala de lista desordenados en HTML?
La lista desordenada se utiliza para mostrar la lista de elementos que no están en orden. Esto significa que el contenido del elemento de la lista se puede colocar en cualquier posición en la lista. Hay cuatro posibles estilos de bala para una lista desordenada:
Ejemplo 1: Punto de bala de disco
El "desct"El estilo es el estilo predeterminado para la lista desordenada. Aunque el "desct"El estilo también se puede asignar a los elementos de la lista con la ayuda del"tipo"Atributo como se muestra a continuación:
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
Después de la ejecución del fragmento de código anterior, la página web se ve así:
La salida ilustra que los estilos de bala están configurados en el "desct" estilo.
Ejemplo 2: Punto de bala circular
El "tipo"El atributo de la lista desordenada se utiliza para establecer el estilo de bala como"círculo"A través del siguiente fragmento de código:
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
Después de la ejecución del fragmento de código anterior:
La salida confirma que el estilo de bala de elementos de la lista ahora está configurado en "círculo".
Ejemplo 3: Punto de bala cuadrada
Para establecer el valor del "tipo" atribuir a "cuadrado", Los usuarios pueden hacer balas de diseño cuadrados con los elementos de la lista de la lista desordenada:
Impulsado por Linuxhint
- Joseph
- Alex
- Elizbeth
- Jackson
Después de la compilación del código indicado anteriormente, la página web se ve así:
La salida confirma que las listas de balas de forma cuadrada ahora se asignan con cada elemento de lista.
Conclusión
El estilo de bala se puede diseñar para listas ordenadas y desordenadas con la ayuda del "tipo" atributo. Para la lista ordenada, el "tipo" valores de "1 "," A "," A "," I "y" Yo"Establezca el punto de bala en"Numérico "," personaje en mayúsculas "," personaje minúscula "," número romano en mayúsculas "y" número romano en minúscula"Respectivamente. En el caso de una lista desordenada, "disco "," cuadrado "y" círculo"Muestra el disco, el cuadrado y el círculo como puntos de bala, respectivamente. Este artículo ha demostrado con éxito cómo crear/estilo Puntos de bala.