Marcos HTML

Un Marco (iframe) es utilizado para mostrar una página web dentro de la página web; como se muestra a continuación;

Sintaxis de iframe

Un iframe HTML es definido con la etiqueta <iframe>:

<iframe src="url"></iframe>

El atributo src especifica la URL (dirección de la página) página en línea para el marco.

Especificando Ancho y Altura

Se utilizan los atributos width y height para especificar el tamaño de iframe. Los valores de estos atributos son especificados en pixeles por defecto, pero pueden ser especificados también en porcentaje: como "80%".

<iframe src="index.html" width="200" height="300"></iframe>

Removiendo el Borde

Por defecto, un iframe muestra su borde. Pero para removerlo podemos agregar el atributo style y usar al propiedad border del CSS:

<iframe src="index.html" style="border: none;"></iframe>

Con los estilos CSS podemos también cambiar el tamaño, estilo, y color del borde.

<iframe src="index.html" style="border: 2px solid gray;"></iframe>

Referenciar desde una Liga

Un iframe puede ser referenciada la página que muestra desde una etiqueta <a>. Para esto debemos agregarle al iframe un nombre único en la página web por meido del atributo name y al elemento a asignar el nombre del iframe en el atributo target como se muestra a continuación:

<iframe src="index.php" name="iframe_a"></iframe>
<a href="http://www.exasoluciones.com" target="iframe_a">ExaSoluciones.com</a>