Existen tres tipos de listas compatibles en HTML:
Listas sin ordenar. Están
formadas por elementos junto a los que aparece una viñeta. La etiqueta
<ul> identifica una lista desordenada y dentro de la lista, cada elemento
se identifica con la etiqueta <li>. La etiqueta <ul> es compatible
con un atributo type que permite cambiar el tipo de viñeta. Los valores
que se pueden asignar son: disc que muestra un circulo relleno; circle
que muestra un circulo vacío y square que indica un cuadrado
relleno. Si no usamos el atributo type, las listas utilizan la
viñeta disc como predeterminada.
Listas ordenadas. Las listas ordenadas son
similares a las listas desordenadas, pero éstas se identifican mediante
números, en lugar de viñetas. La etiqueta <ol> identifica la lista
ordenada y dentro de la lista cada elemento se identifica con la etiqueta
<li>
Listas de definiciones que
contienen términos con su correspondiente definición. Una lista de definiciones
se inserta entre etiquetas <dl> de apertura y cierre y cada término de la
lista se identifica mediante la etiqueta <dt>. Otra etiqueta <dd>
debe seguir a la etiqueta <dt> en una lista de definiciones para
proporcionar la definición del elemento anterior.
A continuación se presentan algunos ejemplos
sencillos.
Tipos de listas
|
|
Código utilizado.
|
Resultado
|
Lista desordenada
|
|
<ul>
<li> Primero de la lista</li> <li> Segundo de la lista </li> <li> Tercero de la lista </li> </ul> |
|
Lista ordenada (numerada)
|
|
<ol>
<li> Número 1</li> <li> Número 2</li> <li> Número 3</li> </ol> |
|
Listas de definición.
|
|
<dl>
<dt> Internet </dt> <dd> Conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP</dd> <dt> Correo electrónico <dt> <dd> Es un servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente mediante sistemas de comunicación electrónicos.</dd </dl> |
Internet
Conjunto
descentralizado de redes de comunicación interconectadas que utilizan la
familia de protocolos TCP/IP
Correo electrónico
Es un
servicio de red que permite a los usuarios enviar y recibir mensajes
rápidamente mediante sistemas de comunicación electrónicos.
|
Comentarios
Los comentarios HTML describen el código, es decir
que identifican información que no forma parte del contenido del documento y no
se procesa ni se muestra en un explorador Web. Un comentario utiliza los
delimiadores especiales <!- - y - ->
Ejemplo de un comentario: <!- - Insertar el
código para crear una línea - - >



0 comentarios:
Publicar un comentario