Listas, imágenes, sonido, marquesinas e hipervínculos En

Listas, imágenes, sonido, marquesinas e hipervínculos En

Actividad 4: Listas, imágenes, sonido, marquesinas e hipervínculos
En respuesta a las preguntas anteriores, ¿has notado el uso de una “dirección”
que integra una imagen de nuestro equipo de cómputo o de algún sitio web?, esta
dirección es codificada en un documento web a través de la etiqueta <IMG> y su
atributo SRC= contiene la ruta. A continuación, se describe esta etiqueta y la
etiqueta BGSOUND que inserta sonido de fondo y comparte el mismo atributo
SRC para incrustar el archivo.
Etiqueta
<IMG>
Función
Cargar
imágenes.
<BGSOUND> Sonido de
fondo.
Atributo
ALIGN, SRC, ALT, ISMAP,
WIDTH, HEIGHT, VSPACE,
HSPACE
SRC, LOOP.
Cerradura
NO
NO Internet
Explorer
Continuando con nuestra página, vamos a agregar una lista llamada, ¡Sabias que!
Y agreguemos una imagen en el centro de nuestro trabajo, así como un
hipervínculo hacia un sitio oficial.
Técnicamente, un hipervínculo es una referencia, entonces la ruta se especifica en
el atributo HREF=, el cual se delimita a través del entrecomillado del sitio, pagina,
imagen o sonido al cual se desea acceder al hacer clic en texto, imagen o
mapeado de imagen.
Etiqueta
<A>
Función
Hipervínculo.
Atributos
HREF, NAME, REL, REV, TITLE
Cerradura
</A>
Un hipervínculo tiene la siguiente forma:
En texto:
<a href=http://www.buap.mx > Clic </a> La etiqueta <a> tiene una
cerradura </a> la cual puede aplicarse a un texto o imagen como se define a
continuación:
En Imagen: <a href=http://www.buap.mx alt=”Texto Alternativo”> <IMG
SRC=”imagen.jpg”> </a>
La lista es construida con las etiquetas <LI> para cada elemento, pero si se
necesita establecer un orden e iniciar con un inciso diferente al 1, por ejemplo con
el 3, entonces se usa la instrucción <OL TYPE=”1” START=”3”> <LI>….</LI>
</OL>
Etiqueta Función
<LI>
Ítem de lista.
Atributos
Netscape: VALUE,
TYPE
Cerradura
NO
<UL>
<OL>
Lista no ordenada, con elementos
marcados con <LI> .
Lista ordenada, con elementos
marcados con <LI>.
COMPACT, TYPE
</UL>
TYPE, START,
VALUE.
</OL>
La imagen está compuesta por la “ruta” contenedora del archivo de imagen, se
usa ALT para dar un texto de etiqueta a la imagen; en cuanto al tamaño de una
imagen, el ancho y alto de la misma se puede controlar por los atributos width y
height, ambos pueden recibir una notación en pixeles absolutos o porcentaje
relativo al tamaño: width=”100” o height=”50%”.
Para “conectar” una página con otra, es decir crear un vínculo, se utiliza la
instrucción <A> la cual contiene una referencia de hipervínculo, donde la forma
es HREF=”http://sitio” para el caso de sitios de internet, para el caso de páginas
locales, se utiliza la ruta contenedora HREF=”./ruta”.
Para agregar un efecto visual al título, podemos introducirlo en una marquesina lo
cual dará el efecto de que éste se desplaza dentro de un marco desde un extremo
de la página hasta el otro extremo, ejemplo: <MARQUEE bgcolor=”#FFFFFF”
width=50% scrolldelay=0> ¡Sabías Qué! </MARQUEE>
Codifica el ejemplo anterior, para visualizar el resultante de la actividad, la cual
utiliza listas, imágenes, marquesinas e hipervínculos.