HTML iframes

HTML iframes

HTML iframes tilbyr en kraftig måte å bygge inn eksternt innhold, som videoer, kart eller andre nettsider, direkte på din egen nettside. Denne artikkelen gir en grundig utforskning av HTML-iframes, deres syntaks og hvordan de kan brukes til å forbedre webutviklingsprosjektene dine.

Hva er HTML iframes?

En iframe er et HTML-dokument som er innebygd i et annet HTML-dokument. 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 . tillat fullskjerm Angir om |_+_| kan vises i fullskjermmodus. tillatelsesforespørsel Aktiverer betalingsforespørsler for innhold i |_+_| . høyde Stiller inn høyden på |_+_| element. bredde Stiller inn bredden på |_+_| element. lasting Angir hvordan innholdet i |_+_| skal lastes. rulling Styrer om eller ikke |_+_| skal ha rullefelt. Navn Angir navnet på |_+_| for å målrette innholdet eller for å referere det i JavaScript. henvisningspolicy Angir henvisningspolicyen for |_+_| innhold. Sandkasse Spesifiserer et ekstra sett med begrensninger for innholdet i |_+_| . src Angir URL-en til dokumentet som skal bygges inn i |_+_| . srcdoc Angir HTML-innholdet på siden som skal vises i |_+_| .

HTML iframes eksempler

Eksempel 1: Dette eksemplet illustrerer bruken av en iframe-tag som brukes til å vise en nettside inne på gjeldende nettside.

HTML |_+_|

Produksjon:


HTML-Iframe-2

HTML iframes eksempel utdata


2. Bruk av attributtene Height and Width:

Høyde- og breddeattributtene brukes til å spesifisere størrelsen på iframen. Attributtverdiene er spesifisert i piksler som standard. Du kan bruke piksler eller prosenter (f.eks. 80 %).

Eksempel: Dette eksemplet beskriver HTML iframe-tag ved å stille inn bredde høyde av iframen.

HTML |_+_|

Produksjon:


HTML-Iframe-2

HTML iframes eksempel utdata


3. Fjerne kantlinjer fra iframe

Som standard har iframe en kant rundt seg. For å fjerne grensen må vi bruke stilattributtet og bruke CSS-grenseegenskap .

Eksempel: Dette eksemplet beskriver HTML iframe-taggen der border-egenskapen er satt som ingen .

HTML |_+_|

Produksjon:


HTML-Iframe-3

HTML iframes eksempel utdata


4. Iframe kantstil

Endre størrelsen, stilen og fargen på Iframe-kanten.

Eksempel: Dette eksemplet beskriver HTML iframe-taggen ved å spesifisere kantstilen.

HTML |_+_|

Produksjon:


HTML-Iframe-4

HTML Iframes kantstil Eksempel Utdata


5. Iframe-mål i Link

En iframe kan brukes som målramme for en lenke. Målattributtet til lenken må referere til navnattributtet til iframen.

Eksempel 5: Dette eksemplet beskriver HTML iframe-taggen ved å bruke målrammen for en kobling.

HTML |_+_| taggen og dens attributter, kan du utnytte iframes for å forbedre funksjonaliteten og brukeropplevelsen til nettprosjektene dine.



>