Por ejemplo, para insertar la siguiente marquesina:
Habra que escribir:
<marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>
Hiperenlace <a> Un hiperenlace, hipervnculo, o vnculo, no es ms que un enlace, que al ser pulsado lleva de una pgina o archivo. Aquellos elementos (texto, imgenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y</a>. A travs del atributo href se especifica la pgina a la que est asociado el enlace, la pgina que se visualizar cuando el usuario haga clic en el enlace. Por ejemplo, para insertar el enlace: Visita www.aulaclic.com Habra que escribir: <a href="http://www.aulaclic.com">Visita www.aulaclic.com</a> <a href="http://www.aulaclic.com" target ="_blank">Visita www.aulaclic.com en una ventana nueva</a>
Otros tipos de enlaces Existen otros tipos de enlaces que no conducen a otra pgina web, los veremos a continuacin: Correo electrnico: Abre la aplicacin Outlook Express para escribir un correo electrnico, cuyo destinatario ser el especificado en el enlace. Para ello la referencia del vnculo debe ser "mailto:direcciondecorreo". Por ejemplo, para insertar un enlace que permita enviar un correo electrnico a aulaClic, tal como este: e-mail para aulaclic Habra que escribir: <a href="mailto:webmaster@aulaclic.com">e-mail para aulaclic</a> Despus de hacer clic en el enlace se abrir el Outlook Express (si el usuario lo tiene instalado) con la pantalla para redactar un nuevo mensaje y con el campo destinatario rellenado con la direcciondecorreo. Podemos hacer que est rellenado algn campo ms como es el asunto. En este caso habra que escribir: <a href="mailto:webmaster@aulaclic.com?subject=el asunto del mensaje">e-mail para aulaclic</a> Vnculo a ficheros para descarga: El valor del atributo href normalmente ser una pgina web (con extensin htm, html, asp, php...) pero tambin puede ser un fichero comprimido, una hoja de Excel, un documento Word, un documento con extensin pdf. Cuando el enlace no es a una pgina Web nos aparecer el cuadro de dilogo que seguro habrs visto alguna vez en el que el navegador le pide al usuario permiso para descargar el fichero en su ordenador.
El navegador reconoce algunas extensiones como asociadas a un determinado programa (por ejemplo la extensin .doc est asociada al programa Word, .pdf al programa Acrobar Reader, .xls al programa Excel...) en este caso en el cuadro de dilogo aparece una nueva opcin, la de abrir el fichero sin descargarlo en el disco duro del usuario. Para nombrar el fichero podemos utilizar segn el caso, una referencia externa, una referencia relativa al sitio o una referencia relativa al documento. Por ejemplo, en la carpeta donde se encuentra esta pgina tenemos el fichero Word carta.doc y queremos que nuestros visitantes puedan visualizar e incluso descargar el fichero en su disco duro, en este caso definiremos el enlace: haz clic aqu para descargarte el fichero De la siguiente forma: <a href="carta.doc" tarjet=_blank >haz clic aquí para descargarte el fichero</a> En este caso hemos utilizado una referencia relativa al documento ya que la carta se encuentra en la misma carpeta que nuestra pgina. Vnculo vaco: Al pulsar sobre un enlace vaco no se abre ninguna pgina ni archivo, pero el formato es el mismo que el de cualquier otro enlace. El vnculo debe ser el smbolo almohadilla "#". Por ejemplo, para insertar el enlace vaco: vinculo vacio Habra que escribir: <a href="#">vinculo vacio</a> Este tipo de enlace resulta til para trabajar con comportamientos javascript.
En este tema vamos a ver cmo trabajar con tablas. Podremos insertar tablas, filas y columnas, y modificar sus propiedades. Hoy en dia, la mayora de las pginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseo. Todos los objetos se alinean por defecto a la izquierda de las pginas web, pero gracias a las tablas es posible distribuir el texto en columnas, colocar imgenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas seran imposibles de realizarse.
Tabla <table> Las tablas estn formadas por celdas, que son los recuadros que se obtienen como resultado de la interseccin entre una fila y una columna.
imagen y texto
COLUM NA
Texto dentro de una celda
FILA CELDA
Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habr que especificar las filas y columnas que formarn la tabla.
Fila <tr> Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas debern insertarse entre las etiqetas <table> y </table>. Por ejemplo, para crear una tabla con cinco filas escribiramos: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table>
Columna o celda <td> Para crear una tabla no basta con especificar el nmero de filas, es necesario tambin especificar el nmero de columnas. Una celda es el resultado de la interseccin entre una fila y una columna, por lo que podremos especificar el nmero de celdas por fila, que equivale a especificar el nmero de columnas por fila. Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habr que insertar esas etiquetas entre las etiquetas <tr> y </tr>. Entre las etiquetas <td> y </td> se podr especificar el contenido de cada una de las celdas. Por ejemplo, para insertar la siguiente tabla: Sabado Domingo Curso HTML Curso Dreamweaver Curso Frontpage Curso Flash Habra que escribir: <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table>
Preguntas 1 - 5 Define los trminos de la izquierda Marcadores Campos que se suelen utilizar para pedir datos y comentarios o para realizar encuestas Scripts Ventanas en que se puede dividir el navegador cuando muestra una pgina web Encabezados Etiquetas que sirven para formatear el texto Formularios Lugares de un documento a donde se dirigen algunos hipervnculos Marcos o frames Cdigo de programacin que se introduce entre el cdigo de HTML para producir un efecto
Preguntas 6- 10 Qu contienen los archivos siguientes? Los archivos de formato JPG Los elementos de una pgina web Los archivos de formato GIF Imgenes de miles de colores Los archivos de formato HTM Imgenes que pueden contener animaciones Los archivos de formato JS Cdigo de hojas de estilo Los archivos de formato CSS Cdigo de un lenguaje de scripts
Preguntas 11 - 15 Qu se puede hacer con los elementos de la izquierda? Hipervnculos Crear un cuadro de texto Hojas de estilo Eliminar el subrayado de los textos con hipervnculos Lenguaje JavaScript Informar a los buscadores sobre una pgina web Campo de formulario Descargar un archivo desde una pgina web Etiquetas <meta> Ventanas de alert para dar avisos al usuario
Preguntas 16 - 20 Relaciona los elementos con algunos de sus atributos Tablas Espaciado horizontal y vertical Hipervnculos Alineacin horizontal y vertical Cuadro de texto Ancho de caracteres Propiedades de formulario Direccin URL Imgenes Tipo de codificacin