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
Syntaksi
- Nyt näemme kuinka Iframe aikoo tarkalleen käyttää:
- Tässä < iframe > on tunniste, jossa HTML-iframe-kehykset määritetään. src-määritteet, joita käytettiin määrittelemään sisällytettävän sisäisen kehyssivun URL-osoite.
Esimerkki:
- 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 -
- Seleenikomennot
- HTML-kehykset
- HTML-tekstilinkki
- Luo taulukot HTML-muodossa