Hvordan legge til iframes i HTML

Hypertext Markup Language AKA HTML er et språk som brukes med det formål å bygge grunnleggende strukturer på websider. Det gir mange kjennetegn som gjør nettstedet ditt mer interaktivt. En slik funksjon er HTML IFRAME eller HTML inline -ramme. La oss grave i detaljene i Iframes.

HTML IFRAME

HTML IFRAME lar deg legge til et eksternt dokument i HTML -dokumentet, for eksempel en webside på en webside. Dokumentet som er innebygd er uavhengig av de omkringliggende elementene. For å legge til et iframe i ditt nåværende HTML -dokument, er det

URL -en i syntaksen betegner plasseringen av det eksterne dokumentet du vil legge inn på din nåværende webside.

Eksempel
I det følgende eksemplet legger vi inn et eksternt dokument i HTML -filen vår.

Produksjon
Den eksterne websiden er innebygd på den nåværende HTML -websiden.

Slik kan du inkludere en IFrame på HTML -websiden din.

Juster høyden og bredden på en iframe

Som du kan se på skjermbildet ovenfor er det en viss høyde og bredde på iframe. Høyden og bredden på iframe kan fikses i henhold til ditt ønske. Her er et eksempel på å justere høyden og bredden på en infram.

Eksempel
I det følgende eksempel har vi satt høyden og bredden på en iframe ved hjelp av HTML -attributter.

I eksemplet ovenfor har vi satt bredden på iframe til 600 og høyde til 200.

Produksjon

Høyden og bredden på iframe vist i utgangen er justert ved hjelp av HTML -attributter.

En annen tilnærming for å gjøre dette er ved å bruke CSS. Her er et eksempel på å sette høyden og bredden på en HTML IFRAME ved hjelp av CSS.

Eksempel

Produksjon

Høyden og bredden på iframe vist i utgangen er justert ved bruk av CSS.

Justere grenser for

I eksemplet ovenfor, ved å bruke CSS -grenseegenskapen, har vi satt grensen til iframe 5px sammen med solid svart farge.

Produksjon

Grensen til iframe vist i produksjonen er justert.

Iframes som målhyperkoblinger

En iFrame kan brukes som en målkobling som betyr at bruk av IFrame som målhyperkoblinger en bruker kan se lenken som er gitt på en HTML -side i den iFrame i stedet for å åpne den i et nytt vindu. For å gjøre det, angi målattributtet til taggen som navnet til IFRAME.

Eksempel

Besøk Linuxhint.com

I eksemplet ovenfor har vi innebygd en webside på en HTML -webside, dessuten har vi brukt IFrame som et målhyperkobling. Som du ser har vi satt målattributtet til taggen på samme måte som navnet til IFrame. Ved å gjøre det når du klikker på hyperkoblingen, åpnes den i samme IFrame i stedet for et nytt vindu.

Produksjon

Klikk på hyperkoblingen, så åpnes den i IFrame.

Hyperkoblingen som vises i utgangen vil åpne i inframe.

Etter de ovennevnte tilnærmingene, kan du legge til en iframe på HTML-websiden din.

Konklusjon

For å legge til en iframe i HTML -dokumentet ditt, bruk HTML -taggen. IFrame forkortelse for inline -rammer brukes til å legge til eksterne websider på din nåværende HTML -webside. Disse iFrames er uavhengige av de omkringliggende elementene på en webside. Høyden og bredden på en iframe kan justeres i henhold til ditt ønske, dessuten kan iframes brukes som målhyperkoblinger. Denne oppskrivningen diskuterer i dybden, hvordan du legger til Iframes i HTML ved hjelp av passende eksempler.