Enlaces Html
Páginas: 5 (1041 palabras)
Publicado: 25 de octubre de 2011
1 1. Concepto de enlace o hipervínculo
Una de las mayores virtudes del lenguaje HTML, y la que le da su nombre, es la posibilidad de crear enlaces o hipervínculos que relacionan diferentes páginas entre sí. HTML son las siglas de HiperText Mark-up Language, que podría traducirse como lenguaje de etiquetas hipertexto.
Los enlaces, vínculos o hipervínculos (también conocidos como links, sudenominación inglesa) son simplemente caminos hacia otras páginas de la world wide web. Su funcionamiento es muy simple: el texto que queramos permita ir a otra página se marca de forma especial (ya veremos cómo). A partir de entonces, en la página aprecerá resaltado (originalmente, mediante color azul y subrayado), y cuando el ratón se mueva sobre dicho texto, cambiara el puntero para indicar queahí tenemos un enlace. Al pulsar sobre él, instruimos al navegador para abrir la página a la que hace referencia.
El resultado es la vinculación de nuestra página y la página a la que hace referencia el enlace. De esta forma, se va creando entre las páginas de diferentes sitios una maraña de hiperenlaces, que da nombre a la world wide web (tela de araña mundial).
2 2. Enlaces externos einternos
Lo primero que debemos entender, antes de lanzarnos a la creación de enlaces, es el funcionamiento de la world wide web. Nuestras páginas residen en un ordenador (llamado típicamente host). Este ordenador está concectado a la red permanentemente, y pone a disposición de todos las páginas web que alberga. Simplificando un poco, podemos decir que nuestras páginas podrán enlazar con páginas deotros hosts (lo que sería un enlace externo) o con páginas de nuestro propio host (enlace interno).
Realmente, nuestro host puede contener páginas de diferentes sites (no sólo las nuestras, sino también las de otras personas o empresas). Si enlazamos con ellas también creamos enlaces externos.
[pic]
La diferencia fundamental está en la necesidad de indicar, para un enlace externo, elnombre del host que contiene la página a la que estamos enlazando. Para los enlaces internos, no será necesario. El navegador sabe que si un enlace no lo indica es interno, lo que quiere decir que la página enalzada está en el mismo host que la página que contiene el enlace. Puede parecer complicado, pero realmente no lo es.
3 3. Las rutas o paths
El concepto de ruta o path también sueleconfundir al principio. Cuando creamos un sitio web pequeño, con un centenar de páginas, quizá no nos preocupe demasiado el orden, y no nos importe que todas ellas se encuentren en el mismo fichero. Los ficheros son como los cajones de los espacios de alamacenamiento de los hots.
Creanme, meterlo todo en un mismo cajón no es buena idea. Sobre todo si nuestro site crece, y tenemos miles de páginas.Mantener un site en estas condiciones es ardua tarea.
El orden siempre ayuda, lo que nos induce a crear múltiples ficheros o cajones para almacenar las páginas. Dentro de un fichero o carpeta, podemos crear subcarpetas para clasificar mejor, y así sucesivamente. El resultado final es que para localizar una página debemos indicar la ruta o path hacia ella. Esta ruta no es más que la sucesión delos nombres de los ficheros hasta llegar al que, finalmente, contiene la página.
Por ejemplo, si la página ejemplo1.html está en la carpeta ejemplos, la cual a su vez está en la carpeta tutoriales, su ruta sería:
/tutoriales/ejemplos/ejemplo1.html
El concepto de ruta relativa y ruta absoluta añaden más complejidad al asunto. La ruta se dice absoluta si parte de la raíz de nuestra zona dealmacenamiento (es decir, parte de la carpeta que contiene a cualquier otra, y que normalmente se designa simplemente por el carácter /). El ejemplo anterior es una ruta absoluta. Se caracteriza por comenzar con dicho carácter /.
Si la ruta parte de otra carpeta, entonces es relativa. Por ejemplo, desde la página ejemplo1.html podemos referenciar a una página contenida en la carpeta tutoriales,...
Una de las mayores virtudes del lenguaje HTML, y la que le da su nombre, es la posibilidad de crear enlaces o hipervínculos que relacionan diferentes páginas entre sí. HTML son las siglas de HiperText Mark-up Language, que podría traducirse como lenguaje de etiquetas hipertexto.
Los enlaces, vínculos o hipervínculos (también conocidos como links, sudenominación inglesa) son simplemente caminos hacia otras páginas de la world wide web. Su funcionamiento es muy simple: el texto que queramos permita ir a otra página se marca de forma especial (ya veremos cómo). A partir de entonces, en la página aprecerá resaltado (originalmente, mediante color azul y subrayado), y cuando el ratón se mueva sobre dicho texto, cambiara el puntero para indicar queahí tenemos un enlace. Al pulsar sobre él, instruimos al navegador para abrir la página a la que hace referencia.
El resultado es la vinculación de nuestra página y la página a la que hace referencia el enlace. De esta forma, se va creando entre las páginas de diferentes sitios una maraña de hiperenlaces, que da nombre a la world wide web (tela de araña mundial).
2 2. Enlaces externos einternos
Lo primero que debemos entender, antes de lanzarnos a la creación de enlaces, es el funcionamiento de la world wide web. Nuestras páginas residen en un ordenador (llamado típicamente host). Este ordenador está concectado a la red permanentemente, y pone a disposición de todos las páginas web que alberga. Simplificando un poco, podemos decir que nuestras páginas podrán enlazar con páginas deotros hosts (lo que sería un enlace externo) o con páginas de nuestro propio host (enlace interno).
Realmente, nuestro host puede contener páginas de diferentes sites (no sólo las nuestras, sino también las de otras personas o empresas). Si enlazamos con ellas también creamos enlaces externos.
[pic]
La diferencia fundamental está en la necesidad de indicar, para un enlace externo, elnombre del host que contiene la página a la que estamos enlazando. Para los enlaces internos, no será necesario. El navegador sabe que si un enlace no lo indica es interno, lo que quiere decir que la página enalzada está en el mismo host que la página que contiene el enlace. Puede parecer complicado, pero realmente no lo es.
3 3. Las rutas o paths
El concepto de ruta o path también sueleconfundir al principio. Cuando creamos un sitio web pequeño, con un centenar de páginas, quizá no nos preocupe demasiado el orden, y no nos importe que todas ellas se encuentren en el mismo fichero. Los ficheros son como los cajones de los espacios de alamacenamiento de los hots.
Creanme, meterlo todo en un mismo cajón no es buena idea. Sobre todo si nuestro site crece, y tenemos miles de páginas.Mantener un site en estas condiciones es ardua tarea.
El orden siempre ayuda, lo que nos induce a crear múltiples ficheros o cajones para almacenar las páginas. Dentro de un fichero o carpeta, podemos crear subcarpetas para clasificar mejor, y así sucesivamente. El resultado final es que para localizar una página debemos indicar la ruta o path hacia ella. Esta ruta no es más que la sucesión delos nombres de los ficheros hasta llegar al que, finalmente, contiene la página.
Por ejemplo, si la página ejemplo1.html está en la carpeta ejemplos, la cual a su vez está en la carpeta tutoriales, su ruta sería:
/tutoriales/ejemplos/ejemplo1.html
El concepto de ruta relativa y ruta absoluta añaden más complejidad al asunto. La ruta se dice absoluta si parte de la raíz de nuestra zona dealmacenamiento (es decir, parte de la carpeta que contiene a cualquier otra, y que normalmente se designa simplemente por el carácter /). El ejemplo anterior es una ruta absoluta. Se caracteriza por comenzar con dicho carácter /.
Si la ruta parte de otra carpeta, entonces es relativa. Por ejemplo, desde la página ejemplo1.html podemos referenciar a una página contenida en la carpeta tutoriales,...
Leer documento completo
Regístrate para leer el documento completo.