Curso html

Unidad 4. Hiperenlaces (I)

Vamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son un elemento esencial para cualquier página web.
Hiperenlace
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo.
Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarseentre las etiquetas y .
A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace.
Por ejemplo, para insertar el enlace:
Visita www.aulaclic.com
Habría que escribir:

Tipos de referencias
Existen diferentes formas de expresar una referencia a una página a través del atributo href.
[pic]Referenciaabsoluta:
Conduce a una ubicación externa al sitio en el que se encuentra el documento. La ubicación es en Internet, en este caso hay que empezar la referencia por http:// , el nombre del dominio y algunas veces el nombre de la página. Si no se escribe el nombre de la página se cargará la página de inicio asociada al dominio.
Por ejemplo, "http://www.aulaclic.com" tendrá el mismo efecto que"http://www.aulaclic.com/index.htm"
Para insertar el enlace:
Visita www.aulaclic.com

Habría que escribir:
Visita www.aulaclic.com

Visita www.aulaclic.com

[pic]Referencia relativa al sitio:
Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común,estando todos ellos dentro de una misma carpeta, conocida como carpeta raíz del sitio.
Por ejemplo, teniendo en cuenta que el documento t_4_1.htm se encuentra directamente dentro de la carpeta raíz del sitio, para insertar el enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
Enlace a Tema 4: Hiperenlaces
Observa como aparece el símbolo "/" delante del nombre del documento. Esta barrainclinada indica la carpeta raíz del sitio. Si el documento t_4_1.htm se encontrara, por ejemplo, dentro de una carpeta llamada tema4, y esta estuviera dentro de la carpeta raíz del sitio, habría que escribir:
Enlace a Tema 4: Hiperenlaces

[pic]Referencia relativa al documento:
Conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el quese encuentra el actual.
Por ejemplo, teniendo en cuenta que el documento t_4_1.htm se encuentra dentro de la misma carpeta que el documento actual, para insertar el enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
Enlace a Tema 4: Hiperenlaces
Observa que en este caso no aparece el símbolo "/" delante del nombre del documento. Si el documento t_4_1.htm se encontrara, por ejemplo,dentro de una carpeta llamada tema4, y esta estuviera dentro de la misma carpeta que el documento actual, habría que escribir:
Enlace a Tema 4: Hiperenlaces

[pic]Punto de fijación:
Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro diferente. Para ello el vínculo debe ser "nombre_de_documento#nombre_de_punto".
Por ejemplo, para insertar el enlace:
Punto de fijacionTipos de enlaces
Habría que escribir:
Punto de fijacion Tipos de enlaces
Teniendo en cuenta que el documento se llama t_4_1.htm y el punto de fijación se llama tipos.

Al final de este tema verás cómo definir el punto de fijación.

Unidad 5. Imágenes (I)

Imagen

Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de unamayor información visual.
Para insertar una imagen es necesario insertar la etiqueta . Dicha etiqueta no necesita etiqueta de cierre.
El nombre de la imagen ha de especificarse a través del atributo src.
Por ejemplo, para insertar la siguiente imagen:
[pic]
Habría que escribir:

Teniendo en cuentra que la imagen se llama logo_animales.gif y que está dentro de la carpeta imagenes, que se...