HTML-iframes

HTML-iframes

HTML-iframes bieden een krachtige manier om externe inhoud, zoals video's, kaarten of andere webpagina's, rechtstreeks in uw eigen webpagina in te sluiten. Dit artikel biedt een diepgaande verkenning van HTML-iframes, hun syntaxis en hoe ze kunnen worden gebruikt om uw webontwikkelingsprojecten te verbeteren.

Wat zijn HTML-iframes?

Een iframe is een HTML-document dat is ingebed in een ander HTML-document. De >

  • The src attribute specifies the URL of the document you want to embed.>
  • Iframes can include videos , maps , or entire web pages from other sources.>

Attributes Value:>

It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below: URL Descriptions Absolute URL It points to another webpage. Relative URL It points to other files of the same web page. Supported Attributes: AttributesDescriptionallowSpecifies a set of extra restrictions on the content that can be loaded in an . sta volledig scherm toe Geeft aan of de |_+_| kan op volledig scherm worden weergegeven. betalingsverzoek toestaan Maakt betalingsverzoeken mogelijk voor inhoud binnen de |_+_| . hoogte Stelt de hoogte in van de |_+_| element. breedte Stelt de breedte in van de |_+_| element. bezig met laden Specificeert hoe de inhoud van de |_+_| moet worden geladen. scrollen Controleert of de |_+_| moet schuifbalken hebben. naam Specificeert de naam van de |_+_| voor het targeten van de inhoud ervan of voor het verwijzen ernaar in JavaScript. verwijsbeleid Stelt het verwijzingsbeleid in voor de |_+_| inhoud. zandbak Specificeert een extra set beperkingen voor de inhoud in het |_+_| . src Specificeert de URL van het document dat moet worden ingesloten in de |_+_| . srcdoc Specificeert de HTML-inhoud van de pagina die moet worden weergegeven in het |_+_| .

HTML Iframes-voorbeelden

Voorbeeld 1: Dit voorbeeld illustreert het gebruik van een iframe-tag die wordt gebruikt om een ​​webpagina binnen de huidige webpagina weer te geven.

HTML |_+_|

Uitgang:


HTML-Iframe-2

HTML Iframes Voorbeelduitvoer


2. Gebruik van de attributen Hoogte en Breedte:

De attributen height en width worden gebruikt om de grootte van het iframe te specificeren. De attribuutwaarden worden standaard opgegeven in pixels. U kunt pixels of percentages gebruiken (bijvoorbeeld 80%).

Voorbeeld : Dit voorbeeld beschrijft de HTML iframe-tag door het instellen van de breedte hoogte van het iframe.

HTML |_+_|

Uitgang:


HTML-Iframe-2

HTML Iframes Voorbeelduitvoer


3. Randen uit Iframe verwijderen

Standaard heeft iframe een rand eromheen. Om de rand te verwijderen, moeten we het stijlattribuut gebruiken en de CSS-randeigenschap .

Voorbeeld : In dit voorbeeld wordt de HTML iframe-tag beschreven waarop de border-eigenschap is ingesteld geen .

HTML |_+_|

Uitgang:


HTML-Iframe-3

HTML Iframes Voorbeelduitvoer


4. Iframe-randstijl

De grootte, stijl en kleur van de rand van het Iframe wijzigen.

Voorbeeld : In dit voorbeeld wordt de HTML iframe-tag beschreven door de randstijl op te geven.

HTML |_+_|

Uitgang:


HTML-Iframe-4

HTML Iframes-randstijl Voorbeelduitvoer


5. Iframe-doel in link

Een iframe kan worden gebruikt als doelframe voor een link. Het doelattribuut van de link moet verwijzen naar het nameattribuut van het iframe.

Voorbeeld 5: In dit voorbeeld wordt de HTML iframe-tag beschreven door het doelframe voor een link te gebruiken.

HTML |_+_| tag en zijn attributen kunt u iframes gebruiken om de functionaliteit en gebruikerservaring van uw webprojecten te verbeteren.



>