Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 335

Visitas el mes pasado: 134

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




4. Listas (I)

4.1 Listas no ordenadas.

html

Tipos de listas

El lenguaje HTML permite escribir listas que permiten describir o enumerar elementos. En concreto podemos escribir tres tipos de listas:


Listas no ordenadas: sintaxis

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>.


Estilo de listas no ordenadas

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:

Ver página de ejemplo






En el siguiente apartado veremos las listas ordenadas.

Listas ordenadas







manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com