Scribd
Cargar
12 vistas3 páginas

4HTML

El documento explica cómo crear listas en HTML, incluyendo listas no ordenadas y ordenadas, utilizando las etiquetas <ul>, <ol> y <li>. Se detalla cómo personalizar los símbolos de las listas y cómo anidar diferentes tipos de listas. Además, se proponen ejercicios prácticos para diseñar páginas que muestren listas específicas.

Cargado por

alvarezherrera25
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
12 vistas3 páginas

4HTML

El documento explica cómo crear listas en HTML, incluyendo listas no ordenadas y ordenadas, utilizando las etiquetas <ul>, <ol> y <li>. Se detalla cómo personalizar los símbolos de las listas y cómo anidar diferentes tipos de listas. Además, se proponen ejercicios prácticos para diseñar páginas que muestren listas específicas.

Cargado por

alvarezherrera25
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

11

[Link]

Se pueden mostrar listas de diferentes formas, por ejemplo con viñetas sencillas o
también con letras o números. Además, se pueden también colocar imágenes en
lugar de viñetas.

Listas no ordenadas (no numeradas)

Se utilizan las etiquetas <ul>y</ul> (ul indica unorderedlist),

Si queremos añadir un nuevo punto, lo tendremos que hacer dentro de las etiquetas
<li>y</li>.

Si no le indicamos nada a la etiqueta <li>, la viñeta o marca que indica que se trata de un
elemento de una lista se generará de forma automática. Pero si queremos definir nosotros
mismo el símbolo del punto o marca a emplear, debemos indicarlo específicamente.

<ul style="list-style-type:disc">

<ul style="list-style-type:circle">

<ul style="list-style-type:square">
12

Listas ordenadas (numeradas)

Se utilizan las etiquetas <ol>y</ol>(ol indica orderedlist).

Si queremos añadir un nuevo elemento de lista, lo tendremos que hacer dentro de las
etiquetas <li>y</li>. Pero al ser listas ordenadas los símbolos por defecto serán números y
éstos se irán generando automáticamente por orden, conforme escribamos nuevos
elementos de la lista.

En las listas ordenadas podemos hacer que el primer punto comience con el número que
nosotros queramos. Lo conseguiremos gracias al atributo “value”. Los siguientes puntos
que escribamos se generarán automáticamente por orden, partiendo de ese número.

Anidamiento o uso simultáneo de varios tipos de listas

Si lo deseamos, podemos combinar unos tipos de listas con otros. Por ejemplo, tener
listas ordenadas dentro de cada elemento de una lista desordenada.

Ejemplo

Código Resultado

<ul>
<li > Lenguajes de programación
estructurada .</li>
<ol>
<li> Lenguaje C </li>
<li> Lenguaje Pascal </li>
<li> Lenguaje Fortran </li>
</ol>
<li > Lenguajes de programación orientada a
objetos .</li>
<ol>
<li> Lenguaje Java </li>
<li>Lenguaje PHP </li>
</ol>
</ul>
13

Ejercicio 8: Diseña una página que muestre las siguientes listas. Título de la página:
SEGURIDAD INFORMÁTICA

Ejercicio 9: Diseña una página que muestre las siguientes listas. Título de la página:
MUNICIPIOS DE ESPAÑA.

También podría gustarte