Descargar para leer sin conexión
Subido porManuel A. Francisco Arenas
Ejemplo practico
El documento proporciona instrucciones para crear un sitio web con tres páginas interconectadas mediante hipervínculos. Se crean tres archivos HTML con títulos y texto distintos. Luego, se añaden hipervínculos en cada página para navegar entre ellas usando el atributo href. Esto permite al usuario moverse fácilmente entre las páginas haciendo clic en los enlaces subrayados.
Más contenido relacionado
Ejemplo practico
- 1. EJEMPLO PRÁCTICO PARAHIPERVINCULAR PÁGINAS 1. Creamos una carpeta que la llamaremos Hipervínculos a páginas. En esa carpeta introduciremos los 3 archivos html que vamos a crear. 2. Creamos tres archivos html con código simple que llamaremos: página principal, página uno y página dos. <html> <head> <meta charset="utf-8"> <title> PÁGINA PRINCIPAL </title> </head> <body text="blue" bgcolor="#EBDCA7"> </body> </html> Este código simple seria para las tres, solo cambiar el title para cada una 3. Para tener más diferencias pondremos lo siguiente dentro del body de cada página: - En la principal <h1><center> ESTAS EN PAGINA PRINCIPAL</center></h1> - En la uno <h1><center> ESTAS EN PAGINA UNO</center></h1> - En la dos <h1><center> ESTAS EN PAGINA DOS</center></h1> 4. Vamos a incluir los siguientes textos en cada página PÁGINA PRINCIPAL <p><h4><center> IR A PÁGINA UNO</center></h4></p> <p><h4><center> IR A PÁGINA DOS</center></h4></p> PÁGINA UNO <p><h4><center> IR A PÁGINA PRINCIPAL</center></h4></p> <p><h4><center> IR A PÁGINA DOS</center></h4></p> PÁGINA DOS <p><h4><center> IR A PÁGINA PRINCIPAL</center></h4></p> <p><h4><center> IR A PÁGINA UNO</center></h4></p>
- 2. 5. Vamos ahipervincular la página principal con la UNO Y DOS. <html> <head> <meta charset="utf-8"> <title> PÁGINA PRINCIPAL </title> </head> <body text="blue" bgcolor="#EBDCA7"> <h1><center> ESTAS EN PAGINA PRINCIPAL</center></h1> <p><h4><center> IR A PÁGINA UNO</center></h4></p> <p><h4><center> IR A PÁGINA DOS</center></h4></p> </body> </html> Si hacemos esto en su código: <html> <head> <meta charset="utf-8"> <title> PÁGINA PRINCIPAL </title> </head> <body text="blue" bgcolor="#EBDCA7"> <h1><center> ESTAS EN PAGINA PRINCIPAL</center></h1> <p><a href="PAGINA UNO.HTML"><h4><center> IR A PÁGINA UNO</a></center></h4></p> <p><a href="PAGINA DOS.HTML"><h4><center> IR A PÁGINA DOS</center></h4></a></p> </body> </html> Se observa que los textos IR A PÁGINA UNO e IR A PÁGINA DOS aparecen subrayados. Y que si pincháis encima iréis a las respectivas páginas indicadas. 6. Terminar ustedes solos el ejemplo, colocando los hipervínculos en las paginas uno y dos. NOTA IMPORTANTE!!!!!!!! El nombre de la pagina colocado en a href= tiene que ser idéntico al nombre de la página. Cuidado con las comillas “ ”