Autor Tema: [GUIA] Enlaces (links) en HTML  (Leído 724 veces)

Desconectado RamFu

  • Moderadores Flash
  • PHPero Experto
  • ****
  • Mensajes: 778
  • Karma: 72
  • Sexo: Masculino
  • Programador y desarollador Actionscript y PHP
    • Ver Perfil
    • Google
[GUIA] Enlaces (links) en HTML
« en: 03 de Febrero de 2008, 14:06:13 pm »
1. Links en HTML


1.1 Sintaxis general de un enlace

  • <A HREF=“http://www...”> Texto… </A>
  • <A HREF=“http://URL” style=“color:red; text-decoration:none”;> Texto del enlace </A>
Usamos una instrucción de estilo:
 Sin el clásico subrayado y en color rojo.
  • <A HREF=“otra_página.html”> Texto...</A>
Podemos enlazar a otra página de mi “site”.
[/list]


1.2 Imágenes como Enlaces

  • <A HREF=“URL”><img src=“nombre_imagen.gif”> </A>
Aparece un borde azul alrededor de la imagen

Para evitar un borde azul que aparece alrededor de la imagen...:
  • ....<img src=“…” border=0>


1.3 Atributo TARGET

  • Permite abrir la página destino en otra ventana del navegador:

    <A HREF=“página_destino.htm”
       TARGET=“_blank|nombre_cualquiera”> Link de Prueba </A>


1.4 Atributo NAME
    Permite ir a un destino etiquetado:
    • Dentro de la misma página:
      [En destino]
      <A NAME=“punto1”>.....</A>
      [En origen]
      <A HREF=“#punto1”> Ir al punto 1 </A>
    • En un lugar concreto de otra página:
      En la página destino:
      <A NAME=“punto1”>.....</A>
      En la página origen:
      <A HREF=“http://URL|página#punto1”>Link de prueba </A>


1.5 Envío de Correo Electrónico
  • Podemos indicar una dirección E-mail:
    <A HREF=“mailto:nombre@dominio”>....</A>
    Podemos añadir Subject al correo:
    <A HREF=“mailto:..?subject=Asunto de prueba&body=Texto de Prueba”>....</A>


1.6 Descriptor de Link

  • Podemos ver un “Tip” al pasar por encima de un Link:

    <A HREF=“...” title=“Descriptivo del link”>Link de Prueba </A>

Comunidad PHPeros

[GUIA] Enlaces (links) en HTML
« en: 03 de Febrero de 2008, 14:06:13 pm »

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: [GUIA] Enlaces (links) en HTML
« Respuesta #1 en: 03 de Febrero de 2008, 22:49:30 pm »
Bastante simple porque es html pero Karma + por haverle dedicado un tiempo que es de agradecer para la comunidad ;)
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011