Practica02

Desarrollo web con Flash Práctica 2

Práctica 2 Links

Una de las principales características del HTML son los links o también conocidos como
enlaces. Los links crean un vínculo entre un elemento de una página hacia otra, a algún
recursos o incluso una sección de la misma página.

Url (Uniform Resource Locator): establece un único identificador para cada recurso dentro
de la red, el cual permite identificar y localizar de manera única y localizar a ese recurso,
permite diferenciar una página de otra.

http://www.unam.com.mx

http://www.unam.com.mx/pagina/es/36/preguntas-frecuentes

http://www.alistapart.com/comments/webstandards2008?page=5#42

Partes:

• Protocolo (http://): Mecanismo para acceder al recurso.

• Servidor (www.alistapart.com): Es el nombre del servidor que se quiere acceder.

• Ruta /comments/webstandards2008): Acceso dentro del servidor.

• Consulta (?page=5): Información que el servidor usa para resolver la dirección.

• Sección (#42): Alguna sección dentro de la página.

Carácter original Carácter codificado Carácter original Carácter codificado

/ %2F ¿ %3F

: %3A @ %40

= %3D & %26

“ %22 %5C

‘ %60 ~ %7E

(espacio) %20 | %7C

Ing. Hugo Mendieta Pacheco 1


Rutas Relativas y Absolutas

Dentro de las computadoras existen dos maneras para acceder a elementos, tanto
internos como externos. Para poder acceder a elementos fuera del sistema actual, o
elementos cuya ubicación no cambia, se usan las rutas absolutas para accesos dentro del
sistema desde la posición actual. Una ruta relativa busca abreviar el acceso.



Ejercicio 1:

Basándose en el diagrama anterior realice las actividades que el instructor indique.

Enlaces Básicos

Etiqueta Atributos comunes Tipo Descripción

a name=”nombre” En línea Enlazar recursos
href=”url”

Ejemplo: <a href=”http://www.unam.com.mx”>UNAM</a>

Enlaces a una misma página

<a name=”inicio”></a>

...

<a href=”#inicio”>Volver al inicio de la página</a>

<h1 id=”inicio”>Título de la página</h1>

...

<a href=”#inicio”>Volver al inicio de la página</a>



Otros enlaces

Etiqueta Atributos comunes Tipo Descripción

script src=”url” Bloque y en Enlaza o define un código
type=”tipo_contenido” línea

link href=”url” Etiqueta vacía Enlaza o relaciona documentos o
type=”tipo_contenido” recursos
rel=”tipo”

Ejemplos:

<head>
. . .
<script type="text/javascript"
src="http://www.ejemplo.com/js/inicializar.js"></script>
</head>

<html>
<head>
<script type="text/javascript">
//<![CDATA[
window.onload = function() { alert("La página se ha cargado completamente"); }
//]]>
</script>
</head>
<body>
...
</body>
</html>

<head>
. . .
<link rel="stylesheet" type="text/css" href="/css/estilo.css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
</head>

<head>
. . .
<link rel="stylesheet" type="text/css" href="/css/comun.css"
media="screen,projection"/>
<link rel="stylesheet" type="text/css" href="/css/impresora.css" media="print" />
<link rel="stylesheet" type="text/css" href="/css/movil.css" media="handheld" />
</head>


Enlace a un mail
<a href="mailto:nombre@direccion.com" title="Más información">
Solicita más información
</a>
. . .

<a href="mailto:nombre@direccion.com,otro_nombre@direccion.com">
</a>

. . .


<a href="mailto:nombre@direccion.com?subject=Más información">
</a>

. . .


<a href="mailto:nombre@direccion.com?body=Estaría interesado en solicitar más
información sobre sus productos">
</a>

Ejercicio 2:

Pruebe los códigos de los ejemplos anteriores.

Practica02

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Similar a Practica02

Similar a Practica02 (20)

Más de Itzcel FriRios

Más de Itzcel FriRios (6)

Practica02