Cómo crear enlaces de texto y con imagen a otra web


Para crear un enlace que vaya a una dirección URL (o link) debemos seguir esta estructura:


<a href="enlace a la web donde quieras ir"> titulo de la web</a>



Si quieres que en ese enlace aparezca una imagen debemos seguir esta estructura:


<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>






Si quieres que estos links hagan que no se abandone tu blog deberas añadir el siguiente codigo despues de la direccion a donde quieras ir:


<a href="enlace a la web donde quieras ir" target="_blank"> titulo de la web</a>

12 comentarios:

  1. No consigo entenderlo muy bien, dónde debo colocar esos códigos, verás es que soy algo torpe :S
    Muchas gracias ^^

    ResponderEliminar
  2. Hola miri. Bienvenida al blog y muchas gracias por comentar.

    A ver que me explique, cuando redactas una entrada en tu blog puedes hacerlo como "redactar" o como "Edición de HTML". Si estás en el modo "redactar", cuando a una palabra le añades un vínculo (link) no ves realmente lo que está sucediendo. Sin embargo, cuando lo haces con "Edición HTML" los links tienen la estructura que he comentado en esta entrada.

    Este tutorial de arriba nos puede servir por ejemplo para cuando añades un gadget (Diseño->Elementos de página->Añadir un gadget->HTML/Javascript). Siguiendo los pasos de arriba por ejemplo puedes crear links con una imagen (banner).

    Espero haberme explicado. Si tienes dudas no dudes en volver a preguntar. Un saludo.

    ResponderEliminar
  3. ME SALE UN ERROR HTML EN LA ENTRADA
    A DONDE COLOCO ESTO?

    ResponderEliminar
  4. Por favor, no escribas en mayúscula. Lee las normas para comentar. Gracias por tu comprensión.

    Lee bien la entrada. No puede darte error. Para poner un enlace lo puedes hacer automáticamente cuando estás redactando la entrada. Hay un icono sobre ello. Ves pasando el cursor del ratón sobre los iconos hasta que des con uno que es para insertar enlaces.

    Saludos.

    ResponderEliminar
  5. ¡muchas gracias! llevaba mucho intentando hacer ésto, pero ¿no hay otra manera de hacerlo que no sea entrando en la redacción de html?. lo pregunto porque lo de que el link se abra en una ventana nueva (lo puse como dices aquí) no lo hace.
    también he consultado a otros blogs de amigas sobre cómo lo hacen, y me lo explican pero ellas redactan sin meterse en el html, me cuentan que cuando ponen "añadir enlace" les aparece una ventana con lugar para poner el título que quieran y la dirección http...a mi sólo me sale para poner http. me fuí a mirar mi configuración y no encuentro nada...¡y ya no sé qué más probar!
    si puedes darme un consejo me vendría re bien, ya que soy un poco de madera para estas cosas!
    muchas gracias de nuevo!!

    ResponderEliminar
  6. Hola Romi, gracias por tus palabras. Comprueba que dejaste un espacio antes de poner target. Debe funcionarte sí o sí.

    Saludos.

    ResponderEliminar
  7. Como se hace para poner un correo electrónico y que el usuario, al pulsar sobre el mismo, se le abra el gestor de correo predeterminado con la dirección escrita ya en el campo destinatario?

    Gracias.

    ResponderEliminar
  8. Me gustaría saber ¿cuál es mi feed o RSS o si os tengo o no?
    Gracias.

    ResponderEliminar
  9. Hola te agradezco la ayuda que presta a los novatos como yo. Ya te enlazado. Por si quieres visitarme, estoy empezando, mi Blog :

    http://elcolecdehistor.blogspot.com/

    ResponderEliminar
  10. Estimado, en mi caso utilizo imàgenes subidas en mi blog (con ello me ahorro el tiempo que me demanda tener que subir la imagen en un sitio de alojamiento).

    ResponderEliminar
  11. Hola yo quisiera saber como insertar una imagen como tu flecha que esta en la parte inferior derecha, que al dar clic en ella te lleva a la parte superior de la pagina. Eso como lo puedo hacer

    ResponderEliminar
  12. Muchísimas gracias por tu blog, en general, y por esta entra entrada en concreto, está todo explicado de forma concisa y clara.

    Gracias de verdad!!!

    ResponderEliminar