Hypertext Markup Language (HTML) poskytuje možnost rozdělit stránku na několik oken - „rámců“. Každý z rámců může mít svůj vlastní internetový zdroj k zobrazení. Tento mechanismus lze použít k vložení stránek z jiných webů na stránky z vašeho webu.
Je to nutné
Poznámkový blok textového editoru
Instrukce
Krok 1
HTML kód stránky je sada pokynů pro prohlížeč, které určují, kde na stránce by měl být zobrazen každý z jejích prvků a jak by měl vypadat. Tyto pokyny se nazývají „značky“a pro vytvoření stránky, která obsahuje jednu nebo více dalších, musíte napsat příslušnou sadu značek. Začínáme se značkami, které vytvářejí kontejner pro všechny rámečky na stránce:
Jedná se o otevírací a uzavírací tagy kontejneru - tagy, které tvoří rámečky, bude nutné umístit mezi ně. V HTML mají značky „atributy“- obsahují další informace o vlastnostech prvku stránky, jejichž zobrazení specifikuje tuto značku. V úvodní značce kontejneru musíte zadat atribut, který obsahuje informace o tom, jak má prohlížeč rozdělit prostor stránky mezi jeho rámce:
Atribut "cols" v tomto ukázce kódu určuje, že stránka by měla být rozdělena svisle na dva rámce, přičemž levý zabírá 20% šířky okna a pravý 80%. Pokud místo atributu „cols“určíte atribut „řádky“, bude stránka rozdělena vodorovně:
Místo čísla můžete napsat hvězdičku (*):
To bude znamenat, že druhému rámečku bude přidělen veškerý zbývající prostor. Velikost rámečku lze určit nikoli v procentech, ale v jednotkách měření, které se nejčastěji používají v rozložení stránky - v „pixelech“:
Krok 2
Značka HTML samotného rámečku, který musí být umístěn v kontejneru, je napsána následovně: Atribut „src“značky „frame“obsahuje adresu webové stránky, kterou by měl prohlížeč načíst do tohoto rámečku. Takto napsaná adresa se nazývá „absolutní“- začíná protokolem https://. Pokud se však jedná o stránku vašeho vlastního webu a leží ve stejné složce (nebo podsložce), nemusíte zadávat absolutní adresu, stačí pouze název souboru a cesta k podsložce. Taková adresa se bude nazývat „relativní“: - Hranice mezi rámečky na stránce lze ve výchozím nastavení přesouvat myší. Tato funkce je deaktivována atributem noresize: - Existují dva atributy, které určují velikost okrajů mezi snímky - marginheight nastavuje svislý okraj (horní a dolní) a šířku okraje - vodorovně (pravý a levý): - Použití jiného atributu - „posouvání“- můžete prohlížeči sdělit pravidla pro posuvníky rámečku: Hodnota „auto“určuje, že posuvníky by se měly zobrazovat podle potřeby, tj. když se obsah nevejde do rámečku. Pokud nastavíte hodnotu na „ano“, bude mít tento rámeček vždy posuvníky a hodnota „ne“naopak zabrání zobrazení posuvníků - Pokud stránky obsažené v kontejneru fungují s jakýmikoli skripty JavaScriptu, které provádět operace v sousedních rámcích, může být nutné rozlišovat rámce podle názvu. Atribut obsahující název rámečku se nazývá name:
Krok 3
Tyto definice HTML stačí k vytvoření jednoduché stránky z několika stránek z jiných webů. K tomu budete potřebovat libovolný textový editor, například standardní Poznámkový blok. V něm vytvořte nový dokument a napište tyto html tagy:
Poté tento kód uložte s příponou htm nebo html - například test.html. Vše je připraveno, pokud tento dokument otevřete pomocí prohlížeče, výsledek bude vypadat takto:
Krok 4
Existuje další typ rámu - „plovoucí“. Může být umístěn uvnitř běžné stránky, není rozdělen na rámečky. Takový rám má další atributy šířky a výšky, které definují jeho rozměry. Kód této značky může vypadat takto:
