Código:
<html>
<head>
<title>Iframes</title>
</head>
<body>
<table>
<tr>
<td><a href="http://programacionwevb.blogspot.com/" target="contenedor">mi blog</a></td>
<td><a href="http://programacionwevb.blogspot.com/2012/08/tablas-en-html.html" target="contenedor">tablas</a></td>
</tr>
<tr>
<td rowspan="2"><iframe name="contenedor" width="900px" height="500px"></frame></td>
</tr>
</table>
</html>
| mi blog | tablas |
en el anterior cogimos una tabla con un iframe incluido, el cual tiene un menu que permite visualizar ambas paginas sin tener que ir a otra venta, esto es posible al atributo name: <iframe name="contenedor" width="900px" height="500px"> que con el siguiente atributo de la etiqueta <a> los interconectan: <a href="http://programacionwevb.blogspot.com/" target="contenedor">mi blog</a> si tenemos el nombre del Iframe usamos el Target de la etiqueta <a> el cual va a cargar nuestra pagina sobre el Iframe que tenga ese nombre. POR QUE UTILIZARLO?
por que nos ahorramos la recargada, re direccionamiento y todo lo tendríamos en una sola pagina principal, nos ahorrariamos las plantillas y código en estilos CSS.
|
No hay comentarios:
Publicar un comentario