Tipos de bala HTML

HyperText Markup Language, o HTML, es el lenguaje de programación básico que se utiliza en las páginas Web. Entre sus muchas características es la posibilidad de crear listas con viñetas, al igual que los que se pueden insertar en un archivo de procesador de textos. Hay varias variedades de listas que se pueden crear, cada uno con sus propios tipos de balas.

Las listas con viñetas HTML

Creación de listas en HTML es bastante simple. Las dos listas más básicos son listas no ordenadas y listas ordenadas. Una lista sin orden crea una serie de viñetas gráficas antes de cada ítem, mientras que una lista ordenada crea números secuenciales, letras o números romanos. El código para cada tipo es similar:

<Ul>

<Li> Primer artículo

<Li> En segundo artículo

</ Ul>

<Ol>

<Li> Primer artículo

<Li> En segundo artículo

</ Ol>

El texto "Primer artículo" y "Segundo elemento" aparece en la página web junto a las balas.

Las balas lista desordenada

Para cambiar el tipo de balas de una lista desordenada, sólo hay que añadir "type =" al código <ul>. Por ejemplo, un círculo de bala sólida requeriría el código <ul type = "disc">. Esto es a menudo el defecto, pero algunos navegadores pueden tener diferentes configuraciones. También puede crear un círculo abierto con <ul type = "circle"> y tiene un cuadrado negro con <ul type = "cuadrado">.

También puede utilizar una bala diferente para cada elemento mediante la modificación del <li> código. Por ejemplo:

<Ul>

<Li tipo = "disc"> Primer elemento con una bala de disco sólido

<Li type = "circle"> Segundo elemento con una bala círculo

<Li = tipo "cuadrado"> Tercer punto con una bala cuadrada

</ Ul>

listas ordenadas

Las listas ordenadas también pueden ser modificados para mostrar balas específicas, pero hay algunos más opciones para elegir. Con <ol tipo = "1"> crea una lista predeterminada con números secuenciales. Con <ol type = "A"> crea una lista de letras mayúsculas secuenciales, mientras que <ol type = "a"> hace lo mismo con letras minúsculas. Del mismo modo, <tipo ol = "I"> crea una lista con los números romanos de capital, y <ol type = "i"> utiliza números romanos en minúscula.

También puede modificar cualquiera de estos códigos para comenzar a mitad de la secuencia. Por ejemplo, <ol type = "A" start = "4"> creará una lista con mayúsculas que empiezan por D, la cuarta letra del alfabeto.

Las listas de definición

Las listas de definiciones son listas sin balas, que le permite introducir lo que quieras. También se pueden crear secciones con sangría, la creación de listas más dinámicos. El código para una lista de definición es la siguiente:

<Dl>

<Dt> Sección 1 </ dt>

<Dd> Primer artículo </ dd>

<Dd> segundo elemento </ dd>

<Dt> Sección 2 </ dt>

<Dd> Tercer Elemento </ dd>

<Dd> Cuarto punto </ dd>

</ Dl>

La lista aparece así:

Sección 1

First Item

En segundo artículo

Sección 2

Third Item

cuarto punto

Debido a que una lista está formada sin balas, usted puede utilizar su propia antes de cada elemento de la lista. Por ejemplo, a partir de cada elemento de enlace como <dd> ^ Primer artículo </ dd> creará:

Sección 1

^ First Item

^ En segundo artículo

Sección 2

^ Third Item

^ Cuarto punto