logo

iframes HTML

HTML Iframe s'utilitza per mostrar una pàgina web imbricada (una pàgina web dins d'una pàgina web). L'HTML

Un iframe HTML incrusta un altre document dins del document HTML actual a la regió rectangular.

El contingut de la pàgina web i el contingut de l'iframe poden interactuar entre ells mitjançant JavaScript.

any mes

Sintaxi iframe

Un iframe HTML es defineix amb el

 <iframe src="URL"></iframe> 

Aquí, l'atribut 'src' especifica l'adreça web (URL) de la pàgina de marc en línia.

Estableix l'amplada i l'alçada de l'iframe

Podeu establir l'amplada i l'alçada de l'iframe utilitzant els atributs 'amplada' i 'alçada'. Per defecte, els valors dels atributs s'especifiquen en píxels, però també podeu definir-los en percentatge. és a dir, 50%, 60%, etc.

lògica proposicional

Exemple: (píxels)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Prova-ho ara

Exemple: (percentatge)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Prova-ho ara

També podeu utilitzar CSS per definir l'alçada i l'amplada de l'iframe.

Exemple:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Prova-ho ara

Elimina la vora de l'iframe

Per defecte, un iframe conté una vora al seu voltant. Podeu eliminar la vora utilitzant l'atribut i la propietat de la vora CSS.

Exemple:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Prova-ho ara

També podeu canviar la mida, el color i l'estil de la vora de l'iframe.

Exemple:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 
Prova-ho ara

Iframe Target per a un enllaç

Podeu establir un marc de destinació per a un enllaç mitjançant iframe. L'atribut de destinació especificat de l'enllaç ha de fer referència a l'atribut de nom de l'iframe.

Exemple:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 
Prova-ho ara

Sortida

iframes HTML

codi de sortida new.hmtl:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

Insereix el vídeo de YouTube amb iframe

També podeu afegir un vídeo de YouTube a la vostra pàgina web mitjançant el

A continuació es mostren alguns passos per afegir un vídeo de YouTube a la vostra pàgina web:

  • Vés al vídeo de YouTube que vols inserir.
  • Feu clic a COMPARTIR ➦ sota el vídeo.
  • Feu clic a l'opció Incrustar.
  • Copia el codi HTML.
  • Enganxeu el codi al vostre fitxer HTML
  • Canvieu l'alçada, l'amplada i altres propietats (segons el requisit).

Exemple:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 
Prova-ho ara

Sortida:

str.substring en java
iframes HTML

Atributs de

Nom de l'atribut Valor Descripció
pantalla completa permès Si és cert, aquest marc es pot obrir a pantalla completa.
alçada Píxels Defineix l'alçada de l'iframe incrustat i l'alçada predeterminada és de 150 px.
nom text Dóna el nom a l'iframe. L'atribut de nom és important si voleu crear un enllaç en un marc.
vora del marc 1 o 0 Defineix si l'iframe ha de tenir una vora o no. (No és compatible amb HTML5).
Amplada Píxels Defineix l'amplada del marc incrustat i l'amplada per defecte és de 300 px.
src URL L'atribut src s'utilitza per donar al nom del camí o del fitxer quin contingut s'ha de carregar a l'iframe.
caixa de sorra
Aquest atribut s'utilitza per aplicar restriccions addicionals al contingut del marc
formularis permès Permet l'enviament del formulari si aquesta paraula clau no s'utilitza, llavors l'enviament del formulari es bloqueja.
permetre les finestres emergents Habilitarà finestres emergents i, si no s'aplica, no s'obrirà cap finestra emergent.
permetre-scripts Habilitarà l'execució de l'script.
permetre-mateix-origen Si s'utilitza aquesta paraula clau, el recurs incrustat es tractarà com a baixat de la mateixa font.
srcdoc L'atribut srcdoc s'utilitza per mostrar el contingut HTML a l'iframe en línia. Substitueix l'atribut src (si un navegador és compatible).
desplaçament
Indica que el navegador hauria de proporcionar una barra de desplaçament per a l'iframe o no. (No és compatible amb HTML5)
automàtic La barra de desplaçament només mostra si el contingut de l'iframe és més gran que les seves dimensions.
Mostra sempre la barra de desplaçament per a l'iframe.
no Mai mostra la barra de desplaçament per a l'iframe.