• INICIO
  • Enlaces en las entradas del Blog

    Cuando queremos complementar el contenido de una entrada, o simplemente invitar a los lectores de nuestro Blog a visitar algun lugar de la red que nos parece interesante o indispensable, utilizamos los enlaces. Si nuestro visitante hace clic sobre el enlace (texto o imagen), visitará ese lugar, pero podemos decidir como y donde verá ese lugar que le presentamos en el enlace.
    Si utilizamos el procedimiento normal en el editor (seleccionamos el texto,o imagen, hacemos clic en Enlace y  escribimos la dirección URL a visitar):


     
    Cuando se haga clic en el enlace, se verá ese lugar en la misma pestaña o ventana del navegador de nuestro visitante (donde antes estaba nuestro Blog). Si queremos evitar que nuestro Blog desaparezca de la ventana  del navegador, debemos marcar la casilla Abrir este enlace en una ventana nueva para que nuestro visitante al hacer clic en el enlace, se muestre en una pestaña o ventana nueva.

    Si en algún momento olvidamos marcar esta opción, podemos modificar el código del enlace de la manera siguiente:

    El código de un enlace comienza así:    <a href="url a visitar"..........
    Sólamente tenemos que insertar en ese códig lo siguiente:  target="_blank" (en Edición de HTML)
    El código debe comenzar de esta manera :
                       <a  target="_blank"  href="url a visitar".....

    Lo podemos comprobar con este enlace ...... aquí


    Si lo consideramos útil (en un Blog educativo además valioso) podemos incluir el contenido de ese enlace dentro de nuestro Blog. En Edición de HTML,  la etiqueta <iframe> crea un marco en nuestro Blog y dentro de él se nuestra el contenido de la direccción Web que le indiquemos. . Un ejemplo del código de esta etiqueta es el siguiente:


    <iframe src="url dirección " width="760" height="600" frameborder="1" scrolling="yes" align="center"></iframe>



    La etiqueta <iframe> únicamente necesita :
    • La dirección       src= " ......................... " (http://sauce.pntic.mec.es/%7Ejdiego/index.htm)
    • Tamaño            width="... "   (ancho)      height="...."   (alto)
    • Borde              frameborder="1"   ( "0" si no queremos borde) 
    • Barras               scrolling="yes"  ( "no" si no queremos barras de deslizamiento)  
    • Alineamiento     align="center"     (left, center...)

    Otro ejemplo mediante iframe: origen http:/www.portaleso.com



    El código completo de este ejemplo :


    <iframe src="http://www.portaleso.com/portaleso/trabajos/fisicayquimi/reaccionesqu/ley_conservacion/ley_conservacion.html" width="600" height="400" frameborder="0" scrolling="no" align="center"></iframe>