La creación de vínculos html

Publicado en Diseño y fotografía Etiquetado con

Los vínculos representa el centro del diseño de su sitio Web dado que permiten a los visitantes pasar de una página a otra. Como es el caso para cada elemento de página, un vínculo está definido por la etiqueta: <a>. Dicha etiqueta incluye el texto u objeto que sirve de activador de vínculo, pero también utiliza un atributo, href, cuyo valor especifica la dirección de destino del vínculo. Así, un vínculo que apunte al sitio de ConocimientosWeb será:

<a href=»http://www.conocimientosweb.net»>ConocimientosWeb</a>

Que produce el siguiente resultado:

ConocimientosWeb

Sólo se debe especificar la dirección de destino del vínculo entre comillas dobles. Hay tres maneras de escribirlo:

    • Si el destino está fuera del sitio, utilice una dirección absoluta (de formahttp://www.otrositio.com/folder/page.html).
    • Si el recurso de destino al que se apunta está dentro del sitio, deberá bastar unadirección relativa en la que no se especifica el nombre del servidor:

      • Una dirección

    relativa al servidor

         (de forma

      /

          folder/page.html) permitirá ubicar la página de destino con base en la dirección del servidor (aquíhttp://www.otrositio.com/folder/page.html donde se encuentra el vínculo)

         

            Una dirección

          relativa a la página actual

               (de forma folder/page.html) permitirá ubicar la página de destino con base en el camino de la página actual. Si este vínculo se encuentra en una página situada en http://www.otrositio.com/archives/index.html, conducirá a la página http://www.otrositio.com/archives/folder/page.html.

            Siempre verifique dos veces los nombres de los archivos que ponga en línea dado que un simple error de escritura puede generar una página errónea, que causará una mala impresión entre los visitantes.

            Vinculación de una imagen. En los ejemplos precedentes, nuestros vínculos condujeron a hojas HTML. Pero nada impide elegir una imagen u otro archivo de recurso como destino de un vínculo. Sólo es necesario asegurarse que se especifica el nombre correcto del archivo en el atributo href:

            <a href=»my_image.jpg»>Mi foto </a>