BarretoVanegas Nicolás Steven
Jhon David BelloOrtiz
HIPERENLACES
Tipos de referencias
Existen diferentes formas de expresar una referencia a una página a través
del atributo href.
Referencia absoluta:
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 nombredel dominio y algunas veces el nombrede
la página. Si no se escribeel 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"
COLEGIO NACIONAL
NICOLAS ESGUERRA
Para insertar el enlace:
Visita www.aulaclic.com
Habría que escribir:
<a href="http://www.aulaclic.com">Visita www.aulaclic.com</a>
Referenciarelativaal 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 seencuentra
directamente dentro de la carpeta raíz del sitio, para insertar el enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
<a href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
Observa como aparece el símbolo "/" delante del nombredel documento.
Esta barra inclinada 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:
<a href="/tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
Referencia relativa al documento:
Conduce a un documento situado dentro del mismo sitio que el documento
actual, pero partiendo del directorio en el que se encuentra el actual.
Por ejemplo, teniendo en cuenta que el documento t_4_1.htm seencuentra
dentro de la misma carpeta que el documento actual, para insertar el enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
<a href="t_4_1.htm">Enlacea Tema 4: Hiperenlaces</a>
Observa queen este caso no aparece el símbolo "/" delante del nombredel
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:
<a href="tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
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 fijacion Tipos de enlaces
Habría que escribir:
<a href="t_4_1.htm#tipos">Punto de fijacion Tipos de enlaces</a>
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.
CODIGO
<html>
<head>
<title>Barreto'Studios </title>
</head>
<!--ESTA WEB FUE ELABORADA POR NICOLAS BARRETO & JHON BELLO 902
//-->
<body BGCOLOR="GRAY">
<HR>
<marquee><H1><b>COFFEELING'STUDIOS®<br></b></H1></marquee>
<HR>
<Center><font color="#000000" size="6" face="comic sans MS, Arial, Ms
sans serif">Produccion Audiovisual Profesional</font><BR></Center>
<pre>
<hr align="Center" width="50%" Size="5" Color= "Black" Noshade>
<center><img src="IMAGENES/1.jpg" width="200" height="180"><img
src="IMAGENES/2.jpg" width="200" height="180"><img
src="IMAGENES/3.jpe" width="200" height="180"></center>
<br><br>
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="0000" bgcolor="white">
<tr align="center" bgcolor="GREY">
<td>PRODUCCIONES</td>
<td bgcolor="GREY">PRODUCTOS DE ULTIMA CALIDAD EN EL
MERCADO</td>
</tr>
<tr>
<td>CANAL</td>
<td>SONY<img src="IMAGENES/1.jpg" width="40" height="20"></td>
</tr>
<tr>
<td>CARACOL TELEVISION</td>
<td>CANNON<img src="IMAGENES/3.jpe"width="40"height="20"></td>
</tr>
<tr>
<td>RCN TELEVISION</td>
<td>SONY<img src="IMAGENES/2.jpg" width="40" height="20"></td>
</tr>
</table>
<a href=formatos.html Accede
formatos.html/target="maarcoderecho"><FONT
COLOR="0000"><CENTER><H1>FORMATOS DE VIDEO</H1></CENTER></a>
SCREENSHOT

Hiperenlaces

  • 1.
    BarretoVanegas Nicolás Steven JhonDavid BelloOrtiz HIPERENLACES Tipos de referencias Existen diferentes formas de expresar una referencia a una página a través del atributo href. Referencia absoluta: 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 nombredel dominio y algunas veces el nombrede la página. Si no se escribeel 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" COLEGIO NACIONAL NICOLAS ESGUERRA
  • 2.
    Para insertar elenlace: Visita www.aulaclic.com Habría que escribir: <a href="http://www.aulaclic.com">Visita www.aulaclic.com</a> Referenciarelativaal 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 seencuentra directamente dentro de la carpeta raíz del sitio, para insertar el enlace: Enlace a Tema 4: Hiperenlaces Habría que escribir: <a href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> Observa como aparece el símbolo "/" delante del nombredel documento. Esta barra inclinada 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: <a href="/tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> Referencia relativa al documento: Conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el actual. Por ejemplo, teniendo en cuenta que el documento t_4_1.htm seencuentra dentro de la misma carpeta que el documento actual, para insertar el enlace: Enlace a Tema 4: Hiperenlaces
  • 3.
    Habría que escribir: <ahref="t_4_1.htm">Enlacea Tema 4: Hiperenlaces</a> Observa queen este caso no aparece el símbolo "/" delante del nombredel 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: <a href="tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> 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 fijacion Tipos de enlaces Habría que escribir: <a href="t_4_1.htm#tipos">Punto de fijacion Tipos de enlaces</a> 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. CODIGO <html> <head> <title>Barreto'Studios </title> </head>
  • 4.
    <!--ESTA WEB FUEELABORADA POR NICOLAS BARRETO & JHON BELLO 902 //--> <body BGCOLOR="GRAY"> <HR> <marquee><H1><b>COFFEELING'STUDIOS®<br></b></H1></marquee> <HR> <Center><font color="#000000" size="6" face="comic sans MS, Arial, Ms sans serif">Produccion Audiovisual Profesional</font><BR></Center> <pre> <hr align="Center" width="50%" Size="5" Color= "Black" Noshade> <center><img src="IMAGENES/1.jpg" width="200" height="180"><img src="IMAGENES/2.jpg" width="200" height="180"><img src="IMAGENES/3.jpe" width="200" height="180"></center> <br><br> <table width="50%" border="2" align="center" cellspacing="0" bordercolor="0000" bgcolor="white"> <tr align="center" bgcolor="GREY"> <td>PRODUCCIONES</td> <td bgcolor="GREY">PRODUCTOS DE ULTIMA CALIDAD EN EL MERCADO</td> </tr> <tr> <td>CANAL</td>
  • 5.
    <td>SONY<img src="IMAGENES/1.jpg" width="40"height="20"></td> </tr> <tr> <td>CARACOL TELEVISION</td> <td>CANNON<img src="IMAGENES/3.jpe"width="40"height="20"></td> </tr> <tr> <td>RCN TELEVISION</td> <td>SONY<img src="IMAGENES/2.jpg" width="40" height="20"></td> </tr> </table> <a href=formatos.html Accede formatos.html/target="maarcoderecho"><FONT COLOR="0000"><CENTER><H1>FORMATOS DE VIDEO</H1></CENTER></a> SCREENSHOT