Lista De Paginas Web
cristel123456721 de Mayo de 2014
757 Palabras (4 Páginas)475 Visitas
Creación listas HTML. Listas no ordenadas, ordenadas, de definiciones. Etiquetas ol, ul, dl, dt, dd
CREACIÓN DE LISTAS EN HTMLEn la mayoría de los documentos HTML se usan listas para organizar el texto. El lenguaje HTML incorpora distintas formas de mostrar listas, por ejemplo con viñetas sencillas o también con letras o números. Además, para que las páginas tengan más vistosidad, se pueden colocar imágenes o símbolos delante de cada párrafo.
LISTAS NO ORDENADAS
Las listas no ordenadas son aquellas que se encuentran entre las etiquetas <ul> y </ul>, etiqueta de apertura y cierre respectivamente. 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>, ésta se generará de forma automática. Pero si queremos definir nosotros mismo el símbolo del punto, podemos hacer uso del atributo “type”. Con este atributo podemos hacer que la lista esté definida por puntos negros (li type="disc"), por puntos con el fondo blanco (li type="circle") o por cuadrados (li type="square"). Aunque esta apariencia dependerá del navegador, es decir, el resultado puede ser distinto según usemos un navegador u otro. No todos los navegadores se comportan de la misma forma a la hora de interpretar este atributo.
Ejemplo de lista no ordenada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
</head>
<body>
<ul>
<li type="circle">Esto es un tipo de punto.</li>
<li type="square">Este es otro.</li>
<li type="disc">Y este es otro diferente.</li>
</ul>
</body>
</html>
LISTAS ORDENADAS
Si lo que pretendemos es definir una lista ordenada, lo tendremos que hacer entre las etiquetas <ol> </ol>. Además, cada punto de la lista se escribirá con la misma etiqueta que para las listas no ordenadas: <li>. Pero al ser listas ordenadas los símbolos serán números y éstos se irán generando automáticamente por orden, conforme escribamos nuevos puntos.
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.Por ejemplo, si queremos que nuestra lista empiece por el número 20, sólo deberemos escribir lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
</head>
<body>
<ul>
<li value="20">Este será el número 20.</li>
<li>Este será el 21.</li>
<li>Este será el 22. Y así sucesivamente.</li>
</ul>
</body>
</html>
Los posibles valores del atributo ‘type’ son: 1, a, A, i, I. Estos valores definen el tipo de índice utilizado. Prueba a crear listas usando los distintos valores para este atributo y visualízalas en tu navegador.
LISTAS DE DEFICIONES
Este tipo de listas no es de uso
...