iFrame como utilizar la etiqueta
Tutorial HTML » iFrame HTML
iframe, como se usa para insertar contenido de otra fuente
IFrame (Inline Frame) es un fragmento de código HTML que crea un marco o ventana dentro de una página HTML para mostrar contenido de otra URL.
IFrame, es una buena forma de mostrar contenido como:
calendarios de sitios externos como Google Calendar, calendarios web de Microsoft Outlook, calendarios de Apple Mobileme, etc.
páginas web con contenido actual: p. ej. tiempo
contenido de ubicaciones de red fuera del curso actual de Moodle, p. ej. otro curso de Moodle, un archivo de red de una página html
contenido de sitios que entregan contenido a través de iFrames, como álbumes web de Google Picasa, YouTube, etc.
Sintaxis:
Iframe - Establecer altura y ancho - ejemplo
También es posible dar una altura y un ancho específicos a nuestro Iframe en formato de píxeles de la siguiente manera:
<!DOCTYPE html>
<html>
<body><h2> Iframes HTML </h2>
<p> Puede usar los atributos de alto y ancho para especificar el tamaño del iframe: </p><iframe src="sql-tutorial/display-data-from-sql-database-with-mysqli-into-php-html-table.html"
height = "210" width = "310" title = "Ejemplo de iframe"> </iframe>
<p></p>
<h3>O puede agregar el atributo de estilo y usar las propiedades de alto y ancho de CSS:</h3>
<iframe src="sql-tutorial/insert-into-sql-insert-into-table-sql-data-in-sql.html"
style="height:210px;width:310px;" title="Ejemplo de iframe"></iframe>
</body>
</html>
Iframe: quitar el borde - ejemplos
Una característica más que se agrega al iframe es que podemos eliminar los bordes ya definidos del marco utilizando la propiedad border none.
<!DOCTYPE html>
<html>
<body><h2> Eliminar el borde del marco flotante </h2>
<p> Para eliminar el borde predeterminado del iframe, use CSS: </p><iframe src = "php-tutorial/php-variables.html"
style = "border: none;" title = "Ejemplo de iframe"> </iframe><p> </p>
</body>
<p>Con CSS, también puede cambiar el tamaño, estilo y color del borde del iframe: </p>
<iframe src = "css-tutorial/css-text-color.html"
style = "border: 2px solid green;" title = "Ejemplo de iframe"> </iframe>
</html>
Diferentes elementos pueden compartir la misma clase
Atributo de etiqueta de Iframes
Hay diferentes etiquetas de atributos que se utilizan en los Iframes, que son las siguientes:
Src: este atributo se utiliza para insertar archivos que deben incluirse en el marco. URL especifica la página web de destino que se cargará dentro de un iframe.
v
Nombre: El nombre es un atributo que se utiliza para dar algún nombre de identificación al marco. Es más útil cuando crea un enlace para abrir otra página web.
allowfullscreen: este atributo le permite mostrar su marco en formato de ancho completo. así que tenemos que establecer un valor verdadero para que suceda esta función
Frameborder: este es un atributo útil que le permite mostrar el borde o no mostrar el borde del marco. El valor 1 es para mostrar el borde y 0 para no mostrar el borde del marco.
Marginwidth: le permite definir el espacio entre el lado izquierdo y derecho del marco
Marginheight: le permite definir el espacio entre la parte superior e inferior del marco.
Scrolling: estos atributos se utilizan para controlar si la barra de desplazamiento se mostrará o no en el marco. los valores incluidos son "sí", "no" o "automático".
Height: se utiliza para definir la altura al marco. Clima en% o en píxeles
Width: Solía ??definir el ancho del marco. Clima en% o en píxeles
Longdesc: Con la ayuda de este atributo, puede vincular otra página que tiene una descripción larga del contenido de su marco.
Etiquetas: crear como utilizar la etiqueta iframe en html, como se utiliza el iframe en HTML, ¿Qué es un código iframe? ¿Cómo se utiliza el iframe en HTML?, ¿Qué es un vídeo iframe?
IFrame como utilizar la etiqueta - html.es
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.