Sunteți pe pagina 1din 7

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&iacute; 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.


<img src="imagenes/logo_animales.gif" border="4" >
<img src="imagenes/logo_animales.gif" width="200" height="80">

Unidad 6. Tablas (I)
Bsqueda



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

S-ar putea să vă placă și