Hypertext Markup Language (HTML) poskytuje možnosť rozdeliť stránku na niekoľko okien - „rámcov“. Každý z rámcov môže mať na zobrazenie vlastný internetový zdroj. Tento mechanizmus možno použiť na vloženie stránok z iných webov do stránok z vášho webu.
Je to nevyhnutné
Textový editor Poznámkový blok
Inštrukcie
Krok 1
HTML kód stránky je súbor pokynov pre prehliadač, ktoré určujú, kde na stránke by sa mal zobraziť každý z jej prvkov a ako by mal vyzerať. Tieto pokyny sa nazývajú „značky“a na vytvorenie stránky, ktorá obsahuje jednu alebo viac ďalších, musíte napísať príslušnú skupinu značiek. Začíname so značkami, ktoré vytvárajú kontajner pre všetky rámce na stránke:
Toto sú otváracie a zatváracie značky kontajnera - medzi nimi bude potrebné umiestniť značky, ktoré tvoria rámce. V HTML majú značky „atribúty“- obsahujú ďalšie informácie o vlastnostiach prvku stránky, ktorých zobrazenie špecifikuje túto značku. V úvodnej značke kontajnera musíte určiť atribút, ktorý obsahuje informácie o tom, ako má prehliadač rozdeliť priestor stránky medzi jeho rámce:
Atribút „cols“v tejto ukážke kódu určuje, že stránka by mala byť rozdelená zvisle na dva rámce, pričom ľavý z nich zaberá 20% šírky okna a pravý 80%. Ak namiesto atribútu „cols“zadáte atribút „lines“, bude stránka rozdelená horizontálne:
Namiesto čísla môžete napísať hviezdičku (*):
To bude znamenať, že druhému rámcu bude pridelený všetok zostávajúci priestor. Veľkosti rámcov je možné určiť nie v percentách, ale v jednotkách merania, ktoré sa najčastejšie používajú v rozložení stránky - v pixeloch:
Krok 2
Značka HTML samotného rámca, ktorý musí byť umiestnený v kontajneri, je napísaná nasledovne: Atribút „src“značky „frame“obsahuje adresu webovej stránky, ktorú by mal prehliadač načítať do tohto rámca. Takto napísaná adresa sa nazýva „absolútna“- začína protokolom https://. Pokiaľ ale ide o stránku vášho vlastného webu a nachádza sa v rovnakom priečinku (alebo podpriečinku), nemusíte uvádzať absolútnu adresu, stačí iba názov súboru a cesta k podpriečinku. Takáto adresa sa bude volať „relatívna“: - Hranice medzi rámcami na stránke sa dajú predvolene posúvať myšou. Túto vlastnosť deaktivuje atribút noresize: - Existujú dva atribúty, ktoré určujú veľkosť okrajov medzi rámcami - marginheight nastavuje vertikálny okraj (horný a dolný) a šírku okraja - horizontálne (pravý a ľavý): - Použitie iného atribútu - „posúvanie“- prehliadaču môžete povedať pravidlá pre posuvné pruhy rámca: Hodnota „auto“určuje, že posuvné pruhy by sa mali zobrazovať podľa potreby, to znamená, keď sa obsah nezmestí do rámca. Ak nastavíte hodnotu na „áno“, potom tento rámec bude mať vždy posuvné pruhy a hodnota „nie“naopak zabráni zobrazeniu posuvných pruhov - Ak stránky obsiahnuté v kontajneri pracujú so skriptmi JavaScript, ktoré vykonávať operácie v susedných rámcoch, môže byť potrebné rozlišovať rámce podľa názvu. Atribút obsahujúci názov rámca sa nazýva name:
Krok 3
Tieto definície HTML stačia na vytvorenie jednoduchej stránky z niekoľkých stránok z iných webov. Potrebujete na to akýkoľvek textový editor, napríklad štandardný Poznámkový blok. V ňom vytvorte nový dokument a napíšte tieto značky HTML:
Tento kód potom uložte s príponou htm alebo html - napríklad test.html. Všetko je pripravené, ak otvoríte tento dokument pomocou prehliadača, výsledok bude vyzerať takto:
Krok 4
Existuje iný typ rámu - "plávajúci". Môže byť umiestnená vo vnútri bežnej stránky, nie je rozdelená na rámce. Takýto rám má ďalšie atribúty šírky a výšky, ktoré určujú jeho rozmery. Kód tejto značky môže vyzerať takto:
