Johdatus HTML-kehyksiin

HTML-kehyksen iframe-kehykset ovat vain sisäisiä kehyksiä, joita käytetään HTML-asiakirjana uuden HTML-asiakirjan lisäämiseen siihen. Sitä käytetään enimmäkseen verkkosivuilla tai web-kehitysprosesseissa muun sisällön sisällyttämiseksi toisen lähteen, kuten kyseisen verkkosivun mainosten kautta.

Suurin osa web-suunnittelijoista käyttää Iframe-sovellusta interaktiivisten sovellusten esittämiseen verkkosivustolla tai verkkosivuilla. Se on mahdollista käyttämällä Java-JavaScriptiä tai käyttämällä kohdeominaisuutta HTML-muodossa.

Iframen päätarkoitus on näyttää verkkosivu toisella verkkosivulla. Inline-kehys tulee näyttää käyttämällä tunnistetta, jota kutsutaan

  • Iframe-kehyksellemme on myös mahdollista antaa tietty korkeus ja leveys pikselimuodossa seuraavasti:
  • Yllä olevassa syntaksissa kaikki asiat menevät samaan, lisäksi voimme määrittää korkeuden ja leveyden kuvapistemuodossa, joka määritellään

Esimerkki:

  • Seuraava syntaksi osoittaa vielä yhden menetelmän korkeuden ja leveyden määrittelemiseksi iframe-kehykseen käyttämällä arvoja CSS: n kautta:
  • Kaikki asiat ovat samat kuin yllä, vain muuttamalla arvoja.

Esimerkki:

  • Yksi lisäominaisuus lisätään iframe-kehykseen. Voimme poistaa jo määritetyt reunat kehykseen käyttämällä rajaa ei-ominaisuutta. Tämän syntaksi on seuraava:
  • CSS: n avulla on myös mahdollista tehdä monia asioita reunalla, kuten muuttaa reunuksen kokoa, levittää reunalle väriä jne.

Iframe-kehystä voidaan käyttää linkin kohteena syntaksin avulla:

  • Yllä olevaan syntaksiin src on normaali URL-osoitteemme, tässä linkin kohdeattribuutti, joka aikoo viitata nimimääritteeseen iframe-tunnisteessamme.

Esimerkki:

Iframes Tag Attribute

Iframe-kehyksissä käytetään erilaisia ​​ominaisuustunnisteita, jotka ovat seuraavat:

  • Src: Tätä ominaisuutta käytetään tiedostojen lisäämiseen, jotka on sisällytettävä kehykseen. URL määrittää kohdeverkkosivun, joka ladataan iframe-kehykseen.
  • Nimi: Nimi on attribuutti, jota käytetään kehyksen tunnistetunnuksen antamiseen. Se on hyödyllistä silloin, kun luot yhden linkin avataksesi toisen verkkosivun.
  • Allowfullscreen: Tämän ominaisuuden avulla voit näyttää kehyksesi koko leveydessä. joten meidän on asetettava arvo totta tämän funktion toteuttamiseksi
  • Kehyksen reunus: Tämä on hyödyllinen ominaisuus, jonka avulla voit näyttää reunuksen tai olla esittämättä kehystä. Arvo 1 on näyttää reunus ja 0, jos et näytä reunaa kehykseen.
  • Marginaalileveys: Voit määrittää tilan kehyksen vasemman ja oikean reunan välillä
  • Marginheight: Voit määrittää tilan kehyksen ylä- ja alaosassa.
  • Vieritys: Näillä määritteillä hallitaan, näytetäänkö vierityspalkki kehyksessä vai ei. mukana olevat arvot ovat 'kyllä' tai 'ei' tai 'auto'.
  • Korkeus: Se määritteli kehyksen korkeuden. Sää% tai pikseleinä
  • Leveys: Se määritteli kehyksen leveyden. Sää% tai pikseleinä
  • Longdesc: Tämän ominaisuuden avulla pystyt linkittämään toisen sivun, jolla on pitkä kuvaus kehyksen sisällöstä.

Esimerkkejä HTML-kehyksen iframe-kehyksistä

Tässä on esimerkkejä HTML: n iframe-kehyksistä, jotka selitetään alla:

Esimerkki # 1

Tarkastellaan yhtä esimerkkiä, jossa aiomme näyttää kuinka luoda iframe-kehyksen, jolla on tietty korkeus ja leveys.

Koodi:

HTML-iframes-esittely


Tässä näytetään esimerkki Iframe-kehyksestä, joka sisältää tietyn korkeuden ja leveyden pikselimuodossa

lähtö:

Esimerkki 2

Tarkastellaan toista esimerkkiä, jossa aiomme näyttää kuinka luoda iframe, jolla on tietty korkeus ja leveys. Mutta tässä esimerkissä määrittelemme korkeuden ja leveyden CSS: n avulla. Täällä näemme, että vierityspalkkia säädetään sisällön koon mukaan.

Koodi:

HTML-iframes-esittely


Tässä näytetään esimerkki Iframe-kehyksestä, joka sisältää tietyn korkeuden ja leveyden pikselimuodossa

lähtö:

Esimerkki 3

Tässä tarkastellaan yhtä esimerkkiä, johon aiomme lisätä reunan iframe-kehykseen lisäämällä joitain ylimääräisiä CSS-ominaisuuksia osoittamaan reunan koon muutoksen, reunan värin muutoksen jne. Joten voimme lisätä niin paljon kuin tyyliä iframe-kehykseemme.

Koodi:

HTML-iframes-esittely


Tässä näytetään esimerkki Iframe-kehyksestä, joka sisältää reunan joidenkin CSS-lisäominaisuuksien kanssa

lähtö:

Esimerkki 4

Tarkastellaan toista esimerkkiä, johon aiomme näyttää kuinka kohdeominaisuus avaa verkkosivun linkin iframe-kehyksen avulla.

Koodi:

Iframe-osoitteen linkki


EDUCBA

Kun linkin kohde vastaa iframe-nimeä, linkki aukeaa iframe-kehyksessä.

lähtö:

Tavoitetuotos:

Kuten yllä olevassa esimerkissä esitetään, voimme napsauttaa kohdelinkkiä EDUCBA, joten se avaa seuraavan alla olevan verkkosivun.

johtopäätös

Kaikista edellä esitetyistä tiedoista se päätteli, että iframe on inline-kehys, joka sisältää toisen HTML-asiakirjan itsessään. Sitä pidettiin tehokkaimpana HTML-elementtinä web-suunnittelussa. Sen avulla voit lisätä sisältöä myös toisesta lähteestä. Se käyttää erityyppisiä HTML-määritteitä, kuten globaalit attribuutit, tapahtumattribuutit, joitain liittyviä sivuja jne.

Suositellut artikkelit

Tämä on opas HTML-kehyksen Iframe-kehyksiin. Tässä keskustellaan HTML-muodossa olevan iframe-kehyksen syntaksista, tag-määritteestä sekä erilaisista esimerkeistä ja koodin toteutuksesta. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

  1. Seleenikomennot
  2. HTML-kehykset
  3. HTML-tekstilinkki
  4. Luo taulukot HTML-muodossa

Luokka:

Web-kehitystyökalut