3 periodo
DESCRIPTION
temasasgasgaTRANSCRIPT
hace referencia al lenguaje de marcado predominante para la
elaboración de páginas web que se utiliza para describir y traducir la
estructura y la información en forma de texto, así como para
complementar el texto con objetos tales como imágenes. El HTML se
escribe en forma de «etiquetas», rodeadas por corchetes angulares
(<,>). HTML también puede describir, hasta un cierto punto, la
apariencia de un documento, y puede incluir un script (por ejemplo
JavaScript), el cual puede afectar el comportamiento de navegadores
web y otros procesadores de HTML.1
<html>
<head>
</head>
<body>
</body>
</html>
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
Apertura Acción
< ! Comentario
<A> Hipervínculo
<ADDRESS> Formato para dirección del autor
<BASE> Url del autor
<BASEFONT SIZE> Tamaño de la fuente base.
<BGSOUND> Sonido de fondo.
<BIG> Aumenta el tamaño.
<BLINK> Hace parpadear el texto.
<BLOCKQUOTE> Da formato con sangría a un
párrafo
<BODY> Cuerpo del documento.
<BR> Retorno de línea.
<CAPTION> Posición de la leyenda en una
tabla.
<CENTER> Centrar.
<CITE> Formato para citas en itálicas.
<CODE> Formato en tipo código.
<DD> Definiciones marcadas, para Lista
de Definiciones <DL>.
<DFN< Formato en itálica.
<DIR> Lista de directorio, con elementos
marcados con <LI>
<DL> Lista de Definiciones, con términos
marcados con <DT>
<DT> Términos marcados, para Lista de
Definiciones <DL>.
<EM> Formato enfatizado en itálica.
<EMBED> Sonido de Fondo.
<FONT> Definición de la fuente.
SONIDO:
En este caso la etiqueta depende del navegador, ya que se implementa de forma diferente en el Explorer y el Netscape. Los formatos más usados son mid (para temas musicales sin voces) , wav y au.
Netscape
La etiqueta básica para que se cargue el fichero de música con la página, sin intervención del usuario, es en Netscape (siendo obligatorio especificar el tamaño):
<EMBED SRC="gifs/derroche.mid" WIDTH=144 HEIGHT=30>
En Netscape se verá para WIDTH=160 HEIGHT=70 como:
La etiqueta EMBED tiene multitud de atributos, he aquí algunos.
VIDEO:
El gran problema de los ficheros de vídeo es su tamaño, ya que unos pocos segundos pueden representar varios Mb (mega bytes) de tamaño. Probablemente en el futuro se irá generalizando su uso, ya que aumentará la velocidad en la Red. Los formatos que se emplean son variados: avi, mpeg, ram, mov, etc, que pueden reproducir a la vez sonido y vídeo.
Los ficheros avi y mpeg se reproducen con el Reproductor Multimedia de Windows, pero los demás necesitan visores propios que se deben instalar previamente. Por ejemplo los ficheros ram se visualizan con Real Player, los mov con Quick Time, etc.
Son los llamados plug-in
En Netscape, la etiqueta es muy parecida a la de sonido, siendo obligatorio especificar también las dimensiones:
<EMBED SRC="video.avi" HEIGHT=300 WIDTH=400 AUTOSTART=false LOOP=false>
En explorer debes llamar al fichero con un enlace
<A HREF="gifs/jordan.avi">Mira el vídeo de Jordan</A>
Para incluir un fondo en una página web necesitamos utilizar el atributo
background en la etiqueta <BODY>, al que le asignamos el nombre del
archivo que deseamos utilizar como fondo. Si el archivo se encuentra en un
directorio distinto que la página web, necesitaremos incluir la ruta al archivo,
teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para
que se conserve la ruta en caso de que cambiemos el sitio web de
localización.
<body background="fondo.gif">
Lo que conseguimos con esto es que el archivo fondo.gif se muestre en la
página como fondo. Por defecto, la imagen de fondo aparece como un
mosaico, repitiéndose a lo largo de todo el espacio de la página.
Este es un documento de ejemplo de control de color. El
texto es gris claro sobre negro, y los links son amarillos al
principio, azul-verde cuando son activados, y verdes
después de haber sido utilizados.
Todo son atributos del elemento <BODY>. Se escribe así:
<BODY BGCOLOR="#000000" FGCOLOR="#00FF00"
TEXT="#F0F0F0"
LINK="#FFFF00" VLINK="22AA22" ALINK="#0077FF">
Una tabla HTML puede ser considerada, de manera simple, como un
grupo de filas donde cada una de ellas contiene un grupo de celdas (y
no alrevés). Las tablas, como toda estructura en los documentos HTML,
son definidas usando elementos. Entonces, una tabla simple puede ser
insertada en un documento HTML usando tres elementos: el elemento
HTML table (estructura contenedora principal), el elemento HTML tr
(contenedor de fila) y el elemento HTML td (celda). Veamos un ejemplo:
Código
<table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</table>
Para insertar una imagen, se coloca el siguiente código:
<img src="ruta/imagen.gif" width="XXpx" height="YYpx"
alt="descripcion de la imagen">
Pues bien, una imagen puede insertarse o bien dentro de un
párrafo, es decir, entre palabras, como este ejemplo y sin que el párrafo se corte, o bien como una línea independiente. En
ambos casos es aconsejable meterla en un párrafo, a pesar de
que sea la imagen lo único que haya en esa línea, es decir,
siempre encerrada entre <p> y </p>.
Para empezar se coloca la ruta, que como siempre puede ser
una ruta relativa (si la imagen pertenece a, o está guardada en
tu espacio web) o absoluta (siempre que la imagen la estés
obteniendo de otra web distinta a la tuya, aunque esto no es
recomendable).
