Вы находитесь на странице: 1из 2

Listas

Se utilizan para numerar, citar o definir personas o cosas.


Sintaxis:
<Tipo lista>
<Li>Primer elemento
<Li>Segundo elemento
</Tipo lista>
Existen 2 Tipos:
1. Listas Ordenadas (Numeradas)
2. Listas Desordenadas (Sin Numerar)
1.-Listas Ordenadas o Numeradas: Se utiliza la etiqueta <ol> y </ol> (ordered list)
Es importante no poner espacios entre <LI> y el texto, porque este espacio s es significativo y modifica la
tabulacion del item aadiendo un espaciado extra.
<html>
<head><title>Lista Ordenada</title></head>
<body>
Ciudades:
<ol>
<li> Arica
<li> Santiago
<li> Talca
</ol>
</body>
</html>
2.-Listas Desordenadas o No Numeradas (Unordered List): Se utiliza la etiqueta <ul> y </ul>.
Hay tres tipos:
disco (bullet) (Predeterminado)
O circle
square
stos tipos se especifican con el atributo type.
Si desea aplicar el tipo para toda la lista se escribe dentro de <ul>
Si desea aplicar el tipo solamente para el elemento de la Lista se escribe dentro de < li>
<html>
<head><title>Lista Desordenada</title></head>
<body>
<p>Tipo Disco</p>
<ul>
<li>Primero
<li>Segundo
</ul>
<p>Tipo Circle</p>
<ul type="circle">
<li>Primero
<li>Segundo
</ul>
<p>Tipo Square</p>
<ul type="square">
<li>Primero
<li>Segundo
</ul>
</body>
</html>

Enlaces
Un vnculo, enlace o link se utiliza para acceder a otra pgina dentro o fuera de un sitio.
Utiliza la etiqueta <a>: Significa ancla (anchor, en ingles)
Estructura: <a href="xxx"> texto </a> ,
donde xxx es el destino del enlace , y el texto es opcional, generalmente de color azul y subrayado.
Colores de los vnculos:
Link (vinculo predeterminado) : Enlace que nunca ha sido pulsado o sin visitar, por defecto azul.
Alink (atach link): Enlace que acaba de ser pulsado o activo, color lila.
Vlink (visited link): Enlace que ya ha sido visitado, color anaranjado.
Enlace con url relativo: <a href="cap.html">Enlace></a>
Enlace con url absoluto: <a href="http://www.abc.us.es/docencia/clases/indice.html">Enlace</a>
Tipos de enlaces:
1. Local
2. Remoto

1. Enlace Local: Son enlaces que nos dirigen a otras pginas del mismo sitio.
Pagina1.html: (amarilla)
<html>
<head><title>Pagina 1</title></head>
<body bgcolor=yellow>
<a href="Pagina 2.html" title="Clic aqui!">Ir a Pagina 2</a><br>
</body>
</html>
Pagina2.html: (rojo)
<html>
<head><title>Pagina 2</title></head>
<body bgcolor=red>
<a href="Pagina 1.html">Volver a Pagina 1</a><br>
</body>
</html>
2. Enlace Remoto: Este tipo de enlace se utiliza para acceder a pginas que estn fuera de nuestros sitios.
Es igual que un enlace local, pero el URL (nombre del sitio) debe empezar por el protocolo HTTP//:
Ejemplo: <a href="http://microsoft.com">Microsoft</a>
Ejemplo:
Mientras no se visiten las pginas el enlace ser de color rojo
Cuando de clic a las pginas el enlace ser de color verde
Mientras la pgina sea la ltima visitada el enlace ser de color azul
Colores de enlaces.html
<html>
<head><title>Colores de enlaces</title></head>
<body bgcolor=#f0d7b5 link="#FF0000" alink="#0000FF" vlink="#00FF00">
<a href="http://www.lapolar.cl">lapolar</a><br>
<a href="http://www.falabella.com">falabella</a><br>
<a href="http://www.ripley.cl">ripley</a><br>
</body>
</html>

Вам также может понравиться