Hypertext Markup Language (HTML) tarjoaa mahdollisuuden jakaa sivu useisiin ikkunoihin - "kehyksiin". Jokaisella kehyksellä voi olla oma Internet-lähde näytettäväksi. Tätä mekanismia voidaan käyttää lisäämään sivuja muilta sivustoilta sivustosi sivuille.
Se on välttämätöntä
Tekstieditori Muistio
Ohjeet
Vaihe 1
Sivun HTML-koodi on joukko ohjeita selaimelle, jossa kerrotaan, missä sivulla kaikki sen elementit tulisi näyttää ja miltä sen pitäisi näyttää. Näitä ohjeita kutsutaan "tunnisteiksi". Jos haluat luoda sivun, joka sisältää yhden tai useamman muun, sinun on kirjoitettava sopiva tunnistesarja. Aloitamme tunnisteista, jotka luovat säilön kaikille sivun kehyksille:
Nämä ovat kontin avaus- ja sulkutunnisteet - kehykset muodostavat tunnisteet on sijoitettava niiden väliin. HTML-tunnisteissa on "attribuutit" - ne sisältävät lisätietoja sivuelementin ominaisuuksista, joiden näyttö määrittää tämän tunnisteen. Säilön alkutunnisteessa sinun on määritettävä attribuutti, joka sisältää tietoja siitä, kuinka selaimen tulisi jakaa sivutila kehyksien välillä:
Tämän koodinäytteen "cols" -määritelmä määrittää, että sivu on jaettava pystysuunnassa kahteen kehykseen siten, että vasemman puolen on 20% ikkunan leveydestä ja oikean 80%. Jos määrität "cols" -määritteen sijasta "rivit" -määritteen, sivu jaetaan vaakasuoraan:
Numeron sijaan voit kirjoittaa tähden (*):
Tämä tarkoittaa, että toiselle kehykselle annetaan kaikki jäljellä oleva tila. Kehyskokoja ei voida määrittää prosentteina, vaan mittayksiköinä, joita käytetään useimmiten sivun asettelussa - "pikseleinä":
Vaihe 2
Itse kehyksen HTML-tagi, joka on sijoitettava säilöön, kirjoitetaan seuraavasti: "frame" -tunnisteen "src" -määritteessä on verkkosivun osoite, jonka selaimen tulisi ladata tähän kehykseen. Näin kirjoitettua osoitetta kutsutaan "absoluuttiseksi" - se alkaa https:// -protokollalla. Mutta jos tämä on oman sivustosi sivu ja se sijaitsee samassa (tai alikansiossa) kansiossa, sinun ei tarvitse määrittää absoluuttista osoitetta, vain tiedoston nimi ja polku alikansioon riittää. Tällaista osoitetta kutsutaan "suhteelliseksi": - Oletuksena sivun kehysten välisiä reunoja voidaan siirtää hiirellä. Tämä ominaisuus on poistettu käytöstä noresize-määritteellä: - On kaksi määritettä, jotka määrittävät kehysten välisten marginaalien koon - marginaalin korkeus asettaa pystysuoran marginaalin (ylhäältä ja alhaalta) ja marginaalin leveyden - vaakasuoralta (oikealta ja vasemmalta): - Toisen määritteen käyttäminen - "vieritys" - voit kertoa selaimelle kehyksen vierityspalkkeja koskevat säännöt: "Auto" -arvo määrittää, että vierityspalkkien tulisi näkyä tarpeen mukaan, ts. kun sisältö ei mahdu kehykseen. Jos asetat arvoksi "kyllä", tässä kehyksessä on aina vierityspalkit, ja arvo "ei" päinvastoin estää vierityspalkkien näyttämisen - Jos säilössä olevat sivut toimivat minkä tahansa JavaScript-skriptin kanssa, joka Suorita toimintoja vierekkäisissä kehyksissä, voi olla tarpeen erottaa kehykset nimen mukaan. Kehyksen nimen sisältävää määritettä kutsutaan nimellä:
Vaihe 3
Nämä HTML-määritelmät ovat riittäviä yksinkertaisen sivun luomiseksi useilta sivuilta muilta sivustoilta. Tätä varten tarvitset minkä tahansa tekstieditorin, esimerkiksi tavallisen Muistion. Luo siinä uusi asiakirja ja kirjoita nämä HTML-tunnisteet:
Tallenna sitten tämä koodi htm- tai html-laajennuksella - esimerkiksi test.html. Kaikki on valmis, jos avaat tämän asiakirjan selaimella, tulos näyttää tältä:
Vaihe 4
On olemassa toinen tyyppinen kehys - "kelluva". Se voi sijaita tavallisen sivun sisällä, ei jaettuna kehyksiin. Tällaisessa kehyksessä on muita leveys- ja korkeusominaisuuksia, jotka määrittävät sen mitat. Tämän tagin koodi voi näyttää tältä: