HTML: lenguaje básico para crear páginas web
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 93
Visitas el mes pasado: 339
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Si este sitio te parece interesante puedes contribuir con una pequeña aportación.
El lenguaje HTML permite escribir listas que permiten describir o enumerar elementos. En concreto podemos escribir tres tipos de listas:
Las listas no ordenadas van definidas por viñetas. La lista entera va
encerrada dentro de la etiqueta <ul> ... </ul>
;
dentro de esta etiqueta van los términos de la lista, cada uno de los cuales
va delimitado por la etiqueta <li> ... </li>
.
Veamos un ejemplo:
Código HTML:
<p>paises del cono sur:</p> <ul> <li>Argentina</li> <li>Chile</li> <li>Paraguay</li> <li>Uruguay</li> </ul>
En el navegador, esta lista la veremos así:
Paises del cono sur
El navegador muestra por defecto las listas no ordenadas con
un pequeño círculo a la derecha. Toda la lista está dentro de
las etiquetas <ul> ... </ul>
; y cada uno de sus
elementos está dentro de la etiqueta <li> ... </li>
.
Podemos cambiar el estilo de la viñeta que precede a los elementos de
la lista mediante el atributo tipe=" "
en la etiqueta
<ul>
. Ejemplo:
<ul type="square"> ..... </ul>
Los elementos de esta ejemplo tendrán una viñeta cuadrada.
Los valores que puede tomar el atributo type
, para cambiar el estilo de
viñeta son los siguientes:
También podemos poner el atributo type
en las etiquetas
<li>
, con lo cual en una misma lista podemos conseguir que
sus elementos tengan las viñetas distintas.
Sin embargo la forma más habitual de cambiar el estilo de la viñeta es mediante el código CSS. Con CSS, aparte de estos tipos de viñeta podemos poner otros, incluso podemos poner una pequeña imagen como elemento de estilo. Podemos ver esto en el manual de CSS en el apartado dedicado a las listas.
La siguiente página de ejemplo muestra los diferentes tipos de listas que hemos visto hasta ahora:
En el siguiente apartado veremos las listas ordenadas.
Sugerencias:
aprendeweb@aprende-web.net. Envia un
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com