Hiperteksto žymėjimo kalba (HTML) suteikia galimybę padalinti puslapį į kelis langus - „rėmelius“. Kiekvienas rėmelis gali turėti savo interneto šaltinį, kurį bus galima rodyti. Šis mechanizmas gali būti naudojamas įterpiant kitų svetainių puslapius į jūsų svetainės puslapius.
Tai būtina
Teksto redaktorius „Notepad“
Nurodymai
1 žingsnis
Puslapio HTML kodas yra naršyklės instrukcijų rinkinys, nurodantis, kur puslapyje turėtų būti rodomi visi jo elementai ir kaip jis turėtų atrodyti. Šios instrukcijos vadinamos „žymomis“. Norėdami sukurti puslapį, kuriame yra vienas ar keli kiti, turite parašyti atitinkamą žymių rinkinį. Pradedame nuo žymų, kurios sukuria visų puslapio rėmelių konteinerį:
Tai yra konteinerio atidarymo ir uždarymo žymos - tarp jų reikės įdėti rėmelius formuojančias etiketes. HTML žymose yra „atributų“- jose yra papildomos informacijos apie puslapio elemento ypatybes, kurių rodymas nurodo šią žymą. Konteinerio atidarymo žymoje turite nurodyti atributą, kuriame pateikiama informacija apie tai, kaip naršyklė turėtų padalinti puslapio erdvę tarp savo rėmelių:
Atributas „cols“šiame kodo pavyzdyje nurodo, kad puslapis turėtų būti padalintas vertikaliai į du kadrus, kairysis užimtų 20% lango pločio, o dešinysis - 80%. Jei vietoj atributo „cols“nurodysite atributą „rows“, puslapis bus padalintas horizontaliai:
Vietoj skaičiaus galite parašyti žvaigždutę (*):
Tai reikš, kad antrajam kadrui bus suteikta visa likusi erdvė. Rėmelių dydžius galima nurodyti ne procentais, o matavimo vienetais, kurie dažniausiai naudojami puslapio makete - „pikseliais“:
2 žingsnis
Paties rėmelio HTML žyma, kuri turi būti įdėta į konteinerį, parašyta taip: Žymos „rėmas“atribute „src“nurodomas tinklalapio, kurį naršyklė turėtų įkelti į šį rėmą, adresas. Taip parašytas adresas vadinamas „absoliučiu“- jis prasideda protokolu https://. Bet jei tai yra jūsų pačios svetainės puslapis ir jis yra tame pačiame (arba poaplankiniame) aplanke, tuomet absoliutaus adreso nurodyti nereikia, pakaks tik failo pavadinimo ir kelio į aplanką. Toks adresas bus vadinamas „giminaitis“: - Pagal numatytuosius nustatymus puslapio rėmelių ribas galima perkelti pele. Šią funkciją išjungia noresize atributas: - Yra du atributai, kurie nustato paraštių dydį tarp rėmelių - marginheight nustato vertikalią paraštę (viršuje ir apačioje), o paraštės plotį - horizontaliai (dešinėje ir kairėje): - kito atributo naudojimas - „slinkimas“- naršyklei galite pasakyti rėmelio slinkties juostų taisykles: „Auto“reikšmė nurodo, kad slinkties juostos turėtų būti rodomos pagal poreikį, tai yra, kai turinys netelpa į rėmelį. Jei nustatysite vertę „taip“, šiame rėmelyje visada bus slinkties juostos, o reikšmė „ne“, priešingai, neleis rodyti slinkties juostų - jei talpykloje esantys puslapiai veikia su visais „JavaScript“scenarijais, kurie atlikti operacijas gretimuose rėmeliuose, gali tekti atskirti rėmelius pagal pavadinimą. Atributas, kuriame yra rėmelio pavadinimas, vadinamas vardu:
3 žingsnis
Šių HTML apibrėžimų pakanka norint sukurti paprastą puslapį iš kelių kitų svetainių puslapių. Norėdami tai padaryti, jums reikės bet kokio teksto rengyklės, pavyzdžiui, standartinio „Notepad“. Jame sukurkite naują dokumentą ir parašykite šias HTML žymes:
Tada išsaugokite šį kodą naudodami HTML arba HTML plėtinį, pavyzdžiui, test.html. Viskas paruošta, jei atidarysite šį dokumentą naudodami naršyklę, rezultatas atrodys taip:
4 žingsnis
Yra dar vienas rėmo tipas - „plaukiojantis“. Jis gali būti įprasto puslapio viduje, neskirstytas į rėmelius. Toks rėmas turi papildomų pločio ir aukščio atributų, apibrėžiančių jo matmenis. Šios žymos kodas gali atrodyti taip:
