Tecnología

Inicio

Lista Tutorial HTML

Lista Tutorial HTML


Las listas son una maravillosa manera de mantener las cosas organizadas en un sitio web. Creación de listas utilizando HyperText Markup Language (HTML) es fácil. Hay tres listas que puede elegir: no ordenadas, ordenada y definición. Los dos primeros puntos de utilización de bala, números o letras, mientras que el tercero se proporciona información en más de un término estilo / descripción. Cualquiera que usted elija, usted puede tener su lista en marcha y funcionando en cuestión de minutos.

Instrucciones

Las listas no ordenadas

1 Abra la lista con el comando "<UL>" (Lista sin ordenar).

2 Añadir un punto de bala para cada elemento con el código "<LI>" (Lista de elementos). No es necesario utilizar la etiqueta de cierre "</ LI>," ni tampoco se necesita para usar párrafo o saltos de línea. La lista sigue automáticamente al siguiente nivel cada vez que entras <LI>.

3 Cerrar la lista con "</ UL>." Un ejemplo de una lista desordenada completa es:

<UL>

<LI> Artículo 1

<LI> Artículo 2

<LI> Artículo 3

</ Ul>

Esto da una lista en la que cada artículo se indica con un punto de bala redonda.

4 Cambiar las viñetas y vuelta a las plazas cambiando "<UL>" a "<UL TYPE =" cuadrado ">".

listas ordenadas

5 Crear una lista ordenada con el siguiente código:

<OL>

<LI> Artículo 1

<LI> Artículo 2

<LI> Artículo 3

</ OL>

Esto creará el mismo efecto que una lista desordenada, pero en lugar de puntos de bala en la lista está numerada.

Para empezar en un número distinto, el cambio "<OL>" para "<ol START =" 3 ">" (o cualquier número que desee de la lista para iniciar sucesivamente).

6 Cambiar los números a los números romanos con el código "<ol type =" I ">" (mayúsculas) o "<ol type =" i ">" (en minúsculas).

7 Cambiar los números de las letras con el código "<ol type =" A ">" (mayúsculas) o "<ol type =" a ">" (en minúsculas).

Las listas de definición

8 Comience la lista con el código "<DL>" (Lista de definición).

9 Añadir elementos a la lista con los siguientes conjuntos de código:

<DT> Artículo 1

<DD> Una descripción del punto 1

"<DT>" significa "Término Definición" y "<DD>" significa "Definición Descripción". La descripción será sangría mientras que el término está alineada a la izquierda.

10 Repita estos dos códigos de tantos elementos como desee enumeró.

11 Cerrar la lista con "</ DL>". Un ejemplo de una lista completa es:

<DL>

<DT> Películas favoritas

<DD> Carrera de la Muerte, Terminator y tomates verdes fritos

<DT> Canciones Favoritas

<DD> rock and roll está muerto, aplastaremos, Cantando bajo la lluvia

<DT> Listas

<DD> desordenada, ordenada y definición

</ DL>