Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Similar a Ejemplo practico
Similar a Ejemplo practico (20)
Más de Manuel A. Francisco Arenas
Más de Manuel A. Francisco Arenas (20)
Último
Último (20)
Ejemplo practico
- 1. EJEMPLO PRÁCTICO PARA HIPERVINCULAR 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 a hipervincular 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 “ ”