TECNOLÓGICO DE MONTERREY CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB
DESCRIPCIÓN DEL CURSO
TEMA 2
TEMA 3
TEMA 4
TEMA 5
PREGUNTAS FRECUENTES
SITIIOS DE INTERÉS
GLOSARIO
INICIO
TEMARIO
TEMA 4: Formato avanzado del documento  
 
4.1 Tipos de Hiperligas

Existen diferentes tipos hiperligas:

Vínculo externo
Todos los sitios en la Internet tiene una dirección o URL (Universal Ressource Locator o en español, Localizador Universal de Recursos).
Los vínculos externos son enlaces entre sitios distintos y se indican colocando el URL de la página a dónde queremos enviar al usuario.
Los URL, generalmente son expresados de esta manera:

href="http://www.google.com.mx”

Vínculo local

Un
sitio es básicamente un conjunto de páginas ligadas entre si. Sin embargo los sitios también contienen otros archivos, sonidos, imágenes, etc.
Los enlaces hechos entre estos elementos y páginas, se les conoce como locales, por ubicarse dentro de la misma agrupación.
Los vínculos locales se indican señalando directamente al archivo dentro de la organización del sitio.
href=“archivo.html”

Para agregar ligas a un texto:
En la pestaña de HTML
ejemplo sitemanagerComo paso previo, crea dos documentos en html, te sugerimos que los llames "uno.html" y"dos.html". Dentro del documento uno, escribe "Ir a página dos". Dentro del documento dos, escribe "Regresar a página uno"

1. Selecciona el texto "Ir a página dos" o cualquier otro que desees agregar como liga.
2. Da clic en el icono de ligas (Link) que se encuentra en la barra de herramientas, para abrir la caja de diálogo.
Hiperligas3. Escribe "dos.html" en el campo de URL y da clic en OK.
** Si deseas agregar otras ligas de texto en tu página, repite los pasos 1 a 4. Puedes completar tu práctica colocando la liga para regresar el documento uno desde la página dos.
4. Da un clic en la pestaña Preview que se encuentra en la parte inferior de la ventana del documento, para saber cómo se verá la página en el navegador.
5. Da clic a los textos que pusiste como liga para que veas que te dirigirán a la página que los enlazaste.
6. Si no colocaste una liga para regresar, puedes ir la página anterior dando un clic con el botón de regresar o back del navegador o utilizando el botón derecho del mouse para seleccionar la opción back del menú que se muestra.

En la pestaña de Design
Sigue las indicaciones descritas en la pestaña de HTML.


Aprendamos a distinguir los tipos de vínculos practicando con el siguiente ejemplo:

VÍNCULOS uno.html y dos.html

<!-Este es el ejemplo de Vínculo local-->
<A href="dos.html">
<B>Ir a p&aacute;gina dos &gt;</B>
</A>
<!-Aqui podemos ver un Vínculo externo-->
<A href="http://www.cca.org.mx/" target="_blank">
Visitemos el Portal de los CCA<br>
a trav&eacute;s de este v&iacute;nculo externo
</A>

 
 
TEMARIO