domingo, 20 de mayo de 2012

PRACTICA 5: “AGRUPAMIENTO DE ELEMENTOS MEDIANTE LISTAS Y MARQUESINAS”

<html>
<head>
<title> PRACTICA 5 </title>
</head>
<body>

<hr>
<h2><center> <font color="red"> Listas </font></center></h2>
<hr>

<p> Una lista es un párrafo estructurado que contiene una serie de elementos. HTML define tres tipos de listas:
<ul>
            <li>Listas ordenadas</li>
            <li>Listas no ordenadas</li>
            <li>Listas de definiciones</li>
</ul>

<dl>
<dt> Listas ordenadas.
<dd> Puede crear una lista ordenada para mostrar itemes en un orden específico, como un conjunto de instrucciones o una tabla de contenidos.
<dt> Listas no ordenadas.
<dd> Puede crear una lista desordenada para mostrar itemes que no siguen un orden particular, como una lista de productos o sitios web.
<dt> Listas de definiciones.
<dd> Puedes crear una lista de definición para mostrar términos y sus significados. Este tipo de lista es ideal para un glosario, como es en este caso.
</dl>

 <p > Un ejemplo de listas ordenadas sería el siguiente.</p>
<hr width="20%" size="5" align="left">
<h4> Tabla de contenidos </h4>

 <ol>
<li> Introducción.
<li> Historial de la compañía
<li> Declaración de intenciones
<li> Productos ofrecidos
<li> Metas futuras
<li> Conclusión
</ol>

<hr width="20%" size="5" align="left">
<hr>


<hr>
<h2><center> <font color="red"> Texto en movimiento </font></center></h2>
<hr>

 <p> Podemos tener texto en movimiento gracias a las marquesinas, mediante la etiqueta marquee. Algunas de las propiedades de la marquesina más destacadas son:
<br>
<br><b>direction </b> - Dirección de la marquesina:

<blockquote>
<br>left - Hacia la izquierda
<br>right - Hacia la derecha
<br>down - Hacia abajo
<br>up - Hacia arriba
</blockquote>
<br><b>behavior</b> - Indica el tipo de marquesina:
<blockquote>
<br>scroll - Se desplaza repetidamente
<br>alternate - Se desplaza de un lado al otro
<br>slide - Se desplaza repetidamente
</blockquote>

<br><b>height </b>- Anchura de la marquesina
<br><b>width </b>- Altura de la marquesina
<br> Ejemplos: </p>

<Marquee> Esto es un texto en marquesina </Marquee>

<Marquee bgcolor=”#808000”>Esto es un texto en marquesina con color de fondo</Marquee>

<Marquee direction=right>Esto es un texto en marquesina de izquierda a derecha</Marquee>

<Marquee behavior=alternate>Esto es un texto en marquesina que se desplaza de un lado a otro</Marquee>

<marquee direction="up" height="200" width="100%" onmouseout="this.start()" onmouseover="this.stop()"> Texto desplazandose </marquee>

<p> Este ejemplo crea una marquesina vertical que se  para al pasar el mouse por encima, utiliza las funciones marquesina.start() y marquesina.stop() para arrancar y parar la marquesina y los eventos onmouseover y onmouseout para detectar la posición del mouse.</p>

<marquee bgcolor="#006699" behavior="alternate" direction="right"><b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>

<hr>

No hay comentarios:

Publicar un comentario