Uvod u iframme u HTML-u

Iframes u HTML-u nije ništa drugo nego unutarnji okviri koji se koriste kao HTML dokument da bi se u njega dodao još jedan HTML dokument. Najčešće se koristi u web stranicama ili u web razvojnim procesima kako bi uključio neki drugi sadržaj iz drugog izvora, poput reklama na toj web stranici.

Većina web dizajnera koristi Iframe za predstavljanje interaktivnih aplikacija na web mjestu ili na web stranicama. Omogućeno je to pomoću JavaScripta ili upotrebom ciljnog atributa u HTML-u.

Glavna svrha programa Iframe je prikazivanje web stranice unutar druge web stranice. Unutarnji okvir trebao bi biti prikazan pomoću oznake koja se zove

  • Također je moguće dati neku određenu visinu i širinu našem Iframe-u u obliku piksela, kako slijedi:
  • U gornjoj sintaksi sve će stvari biti iste, dodatno možemo odrediti visinu i širinu u formatu piksela definirajući kao

Primjer:

  • Još jedna metoda za definiranje visine i širine iframea pomoću vrijednosti kroz CSS prikazana je u sintaksi ispod:
  • Sve su stvari iste kao gore samo mijenjanje u određivanju vrijednosti.

Primjer:

  • Ako je iframe dodan još jedna značajka, to je što možemo ukloniti već definirane granice okvira koristeći se nema svojstva obruba. Sintaksa za to je sljedeća:
  • Uz pomoć CSS-a, također je moguće učiniti mnogo stvari s obrubom poput promjene veličine obruba, nanošenja neke boje na obrub itd.

Iframe se može koristiti kao cilj za vezu pomoću sintakse:

  • U gornju sintaksu src je naš uobičajeni URL, ovdje je ciljni atribut veze koji će upućivati ​​atribut name u našoj iframe oznaci.

Primjer:

Atributi oznake iframes

U iframama se koriste različite oznake atributa, a to su:

  • Src: Ovaj se atribut koristi za umetanje datoteke koja mora biti uključena u okvir. URL određuje ciljnu web stranicu koja se učitava u iframe.
  • Naziv: Ime je atribut koji se koristi za davanje okvira određenom identifikacijskom imenu. Najkorisnije je kada stvarate jednu vezu da biste otvorili drugu web stranicu.
  • dopušteni zaslon: ovaj atribut omogućuje vam prikazivanje okvira u formatu pune širine. tako da moramo postaviti vrijednost true da bi se dogodila ova funkcija
  • Okvir okvira: ovo je korisni atribut koji vam omogućuje pokazivanje obruba ili ne prikazanje okvira okviru. Vrijednost 1 je prikazati obrub i 0 da ne prikazuje granicu na okviru.
  • Marginwidth: Omogućuje vam određivanje prostora između lijeve i desne strane okvira
  • Marginheight: Omogućuje vam određivanje prostora između vrha i dna okvira.
  • Pomicanje: ovi se atributi koriste za kontrolu hoće li se pomična traka prikazivati ​​okviru ili ne. Uključene su vrijednosti „da“ ili „ne“ ili „automatski“.
  • Visina: Koristila se za određivanje visine okvira. Vrijeme u% ili u pikselima
  • Širina: Koristila je za definiranje širine okvira. Vrijeme u% ili u pikselima
  • Longdesc: Pomoću ovog atributa možete povezati drugu stranicu koja ima dugačak opis sadržaja vašeg okvira.

Primjeri iframe u HTML-u

Evo nekoliko primjera iframe u HTML-u koji su objašnjeni u nastavku:

Primjer 1

Razmotrimo jedan primjer u kojem ćemo pokazati kako stvoriti iframe s određenom visinom i širinom.

Kodirati:

Demo iframe HTML-a


Ovdje ćemo pokazati primjer Iframe-a koji sadrži specifc Visinu i širinu u formatu piksela

Izlaz:

Primjer 2

Razmotrimo još jedan primjer u kojem ćemo pokazati kako stvoriti iframe s određenom visinom i širinom. Ali u ovom primjeru određujemo visinu i širinu putem CSS-a. Ovdje možemo vidjeti da se traka za pomicanje prilagođava veličini sadržaja.

Kodirati:

Demo iframe HTML-a


Ovdje ćemo pokazati primjer Iframe-a koji sadrži specifc Visinu i širinu u formatu piksela

Izlaz:

Primjer 3

Ovdje razmatramo jedan primjer u koji ćemo dodati obrub u iframe dodavanjem nekih dodatnih CSS svojstava za prikaz promjene veličine obruba, promjene boje obruba, itd. Dakle, možemo dodati koliko stila u naš iframe.

Kodirati:

Demo iframe HTML-a


Ovdje ćemo pokazati primjer Iframe-a koji sadrži obrub s nekim dodatnim CSS-ovim svojstvima

Izlaz:

Primjer 4

Razmotrimo još jedan primjer u kojem ćemo pokazati kako atribut cilja otvoriti vezu web stranice pomoću iframea.

Kodirati:

Iframe Demo-Ciljajte vezu


EDUCBA

Kad se cilj veze podudara s nazivom iframea, veza će se otvoriti u iframeu.

Izlaz:

Ciljni izlaz:

Kao što je prikazano gore Primjer u mogućnosti smo kliknuti na ciljanu vezu EDUCBA tako da će se otvoriti sljedeća web stranica prikazana u nastavku.

Zaključak

Iz svih gore navedenih podataka zaključeno je da je iframe unutarnji okvir koji u sebe uključuje još jedan HTML dokument. Smatra se kao najmoćniji HTML element za potrebe web dizajniranja. Pomoću njega možete dodati sadržaj i iz drugog izvora. Koristi različite vrste HTML atributa poput atributa Global, Atributi događaja, nekih srodnih stranica itd.

Preporučeni članci

Ovo je vodič za iframe u HTML-u. Ovdje smo raspravljali o sintaksi, atributu oznake iframeova u HTML-u zajedno s različitim primjerima i implementacijom koda. Možete pogledati i sljedeće članke da biste saznali više -

  1. Selenske naredbe
  2. HTML okviri
  3. HTML tekstualna veza
  4. Napravite tablice u HTML-u

Kategorija:

Alati za web razvoj