Hipervinculos

TEMA:HIPERVINCULOS
SEMANA 5
ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1
DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:
ESTUDIANTE: GRADO: 7
HIPERVINCULOS
Un hipervnculo es un enlace, normalmente entre dos pginas web de un mismo sitio,

pero un enlace tambin puede apuntar a una pgina de otro sitio web, a un fichero, a
una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic
sobre l. Tambin se conocen como hiperenlaces, enlaces o links.
Tipos de hipervnculos.
Existen varios tipos de hipervnculos. Vamos a ver los ms usados.
Hipervnculo de texto: es un enlace que se encuentra asociado a un texto, de

forma que si hacemos clic sobre ese texto, navegamos dnde indique el hipervnculo.
Hipervnculo de imagen: es un enlace que se encuentra asociado a una imagen,

de forma que si hacemos clic sobre esa imagen, navegamos dnde indique el
hipervnculo.
Hipervnculo a una pgina del propio sitio web (pgina local): es un vnculo
a una pgina que se encuentra en el mismo sitio web. Esto significa que el archivo de
la pgina web a la que se refiere el vnculo se encuentra en el mismo disco que la
pgina que contiene el vnculo.
Hipervnculo a otro sitio web (pgina externa): es un vnculo a una pgina en

Internet. Es un vnculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos
un vnculo externo, escribimos la direccin completa de la pgina incluido http://www....
Hipervnculo a una direccin de correo electrnico: es un vnculo que contiene

una direccin de correo.
EJEMPLO
<html>
<head>
<title>Menu</title>
</head>
<body bgcolor="#0099CC" link="#CC0000" vlink="#CC0000" alink="#CC0000">
NOTICIAS EL TIEMPO
QUIENES SOMOS
DONDE ESTAMOS
INSTALACIONES
TEMA:HIPERVINCULOS
SEMANA 5
RESERVAS
 

<a href="mailto:nefta_sepi@hotmail.com">
E-MAIL
</a>

</body>
</html>
TALLER EN CLASE
Desarrollar una pgina que muestre un hipervnculo al sitio principal del buscador Google:
<html>
<head>
</head>
<body>
<a href="http://www.google.com">Buscador Google</a>
</body>
</html>
GUARDAR COMO: principal.html

<html>
<head><title>PRINCIPAL</title></head>
<body>
<h2>PGINA PRINCIPAL</h2>
<img src="foto1.jpg" alt="comentario">

<a href="pagina1.html"> Pagina 1</a> 
<a href="pagina2.html"> Pagina 2</a> 
TEMA:HIPERVINCULOS
SEMANA 5
<a href="pagina3.html"> Pagina 3</a>

</body>
</html>
GUARDAR COMO: pagina1.html

<html>
<head><title>PAGINA 1</title></head>
<body>
<h2>PGINA 1</h2>
<img src="foto2.jpg" alt="comentario">

Haga click <a href="principal.html"> aqu </a>
para volver.
</body>
</html>

Hipervinculos

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Hipervinculos

Загружено:

Авторское право:

Доступные форматы

TEMA:HIPERVINCULOS

ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1

DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:

Un hipervnculo es un enlace, normalmente entre dos pginas web de un mismo sitio,

Existen varios tipos de hipervnculos. Vamos a ver los ms usados.

Hipervnculo de texto: es un enlace que se encuentra asociado a un texto, de

Hipervnculo de imagen: es un enlace que se encuentra asociado a una imagen,

Hipervnculo a otro sitio web (pgina externa): es un vnculo a una pgina en

Hipervnculo a una direccin de correo electrnico: es un vnculo que contiene

ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1

DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:

GUARDAR COMO: principal.html

ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1

DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:

<a href="pagina3.html"> Pagina 3</a>

GUARDAR COMO: pagina1.html

Вам также может понравиться