Etiquetas <ol> <ul> <li> <dt> en HTML

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Etiquetas <ol> <ul> <li> <dt> en HTML por Mind Map: Etiquetas <ol> <ul> <li> <dt> en HTML

1. Antes de nada debemos tener en calor que estás tres etiquetas componen al mecanismo de "listas" que nos proporciona el lenguaje HTML.

2. En otro caso...

2.1. Cuando se busca crear un lista de tipo "ordenada", se empleará la etiqueta <ol> y </ol> para delimitar así el área de la lista dentro de nuestra página web.

3. Nos referimos a..

3.1. La creación de un tipo de lista ordenada, porque está sigue una secuencia establecida por números.

3.1.1. Por ejemplo

3.1.1.1. 1. A 2. B 3. C ... N

3.1.2. Los números se irán generando de forma automática.

4. Utilizamos la etiqueta <li> y </li> para ...

4.1. Añadir los distintos objetos que conformarán la lista que creamos, tanto como en la lista de tipo ordenado, como en la lista de tipo no ordenado se deberá usar está etiqueta para añadir los objetos.

4.1.1. Ejemplo:

4.1.1.1. <ol> <li> A </li> <li> B </li> ... y así respectivamente

5. Además de poder crear una lista ordenada con la etiqueta <ol>

5.1. Se le puede añadir el atributo "type" para usar distintos formatos de numeración en la lista, tal como lo puede ser:

5.1.1. Type "a"

5.1.1.1. Para enumerar con el abecedario en minúsculas.

5.1.2. Type "A"

5.1.2.1. Para enumerar con el abecedario en mayúsculas.

5.1.3. Type "i"

5.1.3.1. Para enumerar con número romanos en minúscula.

6. La etiqueta <dt> y </dt>, nos permitirá ...

6.1. Establecer un tipo de lista denominado, "lista de definiciones"

6.1.1. Cuya lista contendrá las definiciones de determinadas palabras asignadas por nosotros, las palabras a definir comúnmente suele ser resaltadas con negrita para ser distinguibles.

6.1.2. Debemos de tener en cuenta el uso de la etiqueta <dd> y</dd> luego de haber empleado la etiqueta <dt>.

6.1.2.1. Debido a que esta etiqueta da la descripción del elemento que contiene en el bloque.

7. Toda lista debe estar compuesta por uno o varios objetos de lista.

8. Estás listas pueden ser ordenadas o no ordenadas.

9. Se emplea la etiqueta <ul> y </ul>para establecer una lista que corresponda a un formato "no ordenado".

9.1. Al referirnos a un formato no ordenado, no es una lista en desorden como tal, sino más bien que la lista emplea puntos, asteriscos u otros tipos de símbolos para dividir las distintas definiciones existentes en la lista.

9.2. Un ejemplo puede ser:

9.2.1. <ul> <li> 1 </li> <li> 2 </li> ... y así de forma continua hasta finalizar el listado con </ul>

10. Como es común en las etiquetas de HTML, estás también poseen atributos que permiten modificar diversos aspectos de las listas.

10.1. El atributo más común suele ser el atributo "type", el cual permite modificar la forma representación de las listas

10.2. Etiqueta "start", "value", entre otros.

10.3. ETtiqueta "start"

11. Las listas ordenadas y las no ordenadas se representan de idéntica manera.

11.1. excepto en que los agentes de usuario visuales numeran los objetos de las listas ordenadas.

11.2. Los agentes de usuario pueden presentar estos números de diferentes formas. Las listas no ordenadas no se numeran.