INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL

Informática
Docente: Elvis Arley Riascos Reyes
Para desarrollar el siguiente ejercicio, debe crear 3 páginas web

a) Index.html
b) Segunda.html
c) Tercera.html

Además de una página HTML donde estará el código para crear un marco que contendrá las 3
páginas ya creadas

Código HTML para paginas básicas.

Como poner un marco en HTML

Dividir la página en 3 partes

 INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL
Informática
Docente: Elvis Arley Riascos Reyes

Para realizar este marco en HTML, debemos hacer uso del siguiente código

En la parte que esta resaltada con color amarrillo ingresamos la página o texto que está en la parte
de la izquierda
 INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL
Informática
Docente: Elvis Arley Riascos Reyes

Segunda página (principal)

 INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL
Informática
Docente: Elvis Arley Riascos Reyes

Donde esta resaltado ubicas la segunda pagina

Tercera pagina
 INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL
Informática
Docente: Elvis Arley Riascos Reyes

Donde esta resaltado es el código para ingresar la tercera pagina

Enlace HTML
En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href="" donde
se escribe la ubicación del archivo de destino que puede estar en la misma carpeta que el archivo
que lo está llamando, en otra carpeta del mismo sitio o en otro sitio web.

Lo más importante de los documentos HTML son los enlaces. Ya que mediante los enlaces
en HTML podemos comunicar una página con otra. De esta forma, enlazando
documentos HTML podemos acabar tejiendo lo que es Internet.
 INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL
Informática
Docente: Elvis Arley Riascos Reyes

<a href="documento.html">Enlace a un documento</a>

Este enlace nos llevará a otra página web que este dentro de la carpeta y se verá así dentro de la
página web

Enlace de imagen

Con esta etiqueta pondrás una imagen que servirá como enlace

Se verá así:

Al darle clic en la imagen nos llevara a la página index.html

Enlace a un sitio web en internet

Por ejemplo, deseamos realizar un enlace a la página de Facebook utilizamos este código
 INSTITUCIÓN EDUCATIVA GABRIELA MISTRAL
Informática
Docente: Elvis Arley Riascos Reyes

Y se verá así en la página web

Desarrollar

1. Crear las 3 páginas web en HTML, llamadas (1.html , index.html , 3.html)

2. Crear la página web donde este el código para crear el marco
3. Ingresar las 3 páginas web en el código marco ingresar las páginas de la siguiente manera
a) 1.html en la parte de la derecha del marco
b) Index.html en el centro del marco
c) 3.html en la parte inferior del marco

4. En la página web index.html

a) Poner un enlace que nos lleve a la página 1.html y 3.html
b) En la página 3.html crea un enlace que nos lleve a index.html y un enlace que nos
lleve a la página www.google.com
c) En la página 1.html creamos un enlace que nos lleve a index.html

Éxitos ¡