Rámce v HTML představují způsob, jak rozdělit okno prohlížeče na více částí, z nichž každá může načíst a zobrazit jiný dokument HTML. V tomto článku uvidíme praktické ukázky rámců v HTML.

Přestože jeho používání v posledních letech upadlo díky přijetí modernějších a flexibilnějších technik, jako jsou CSS a JavaScript, lze stále nalézt na některých webových stránkách, zejména na těch, které byly vytvořeny v 90. a na začátku 90. let. to z roku 2000.

Jak fungují rámce nebo rámce v HTML?

Rámy se skládají ze dvou prvků:

1. Sada rámů: Prvek slouží k rozdělení okna prohlížeče na obdélníkové části, z nichž každá může načíst svůj vlastní HTML dokument.

2. rámy: Prvek se používá v rámci a k definování každé jednotlivé sekce. A pošle zavolat nějaký jiný dokument, který je načten uvnitř sady rámců.

• Postupujte s: Příklady iFrame

Jak vytvořit rámce v HTML

Chcete-li vytvořit dokument HTML s rámečky, postupujte podle dvou velmi jednoduchých kroků:

1. Vytvořte dokument HTML, který definuje strukturu rámců pomocí prvku. Například:

Soubor 1: frameset.html

2. Vytvořte jeden nebo více dokumentů HTML, které se mají načíst do rámců.

Soubor 2: frame1.html

Toto je snímek 1

Soubor 3: frame2.html

Toto je snímek 2

Atributy rámců v HTML

Některé z nejdůležitějších atributů prvků jsou:

• rolování: Tento atribut se používá k ovládání vzhledu posuvníků v rámci. Může mít hodnoty „auto“, „yes“ nebo „no“.

• noresize: Tento atribut se používá k zabránění uživateli ve změně velikosti rámce.

• jam: Tento atribut se používá k pojmenování rámce, což může být užitečné pro odkazování na rámec v odkazech a skriptech.

• src: Tento atribut se používá k určení adresy URL dokumentu HTML, který se má načíst do rámce.

• rámová hranice: Tento atribut určuje, zda mají mít rámce ohraničení nebo ne. Možné hodnoty jsou "1" (pro zobrazení okrajů) nebo "0" (pro zobrazení bez okrajů). Například, .

• okraj: Tento atribut definuje šířku okraje mezi snímky v pixelech. Například, vytvoří mezi rámečky 5px okraj.

• framespace: Tento atribut je podobný okraj. Definuje také prostor mezi snímky v pixelech. Například, nastaví mezeru 10px mezi snímky.

• bordercolor: Tento atribut umožňuje změnit barvu ohraničení rámečků. Lze zadat jakoukoli platnou barvu. Například, bude okraj rámečků červený.

Příklad použití:

Jak vytvořit odkaz na konkrétní rám

Pomocí atributu můžeme odkaz otevřít v konkrétním rámci cílová Ve štítku. Hodnota cílová by měl být stejný jako název rámce (jam atribut of ). Například:

v menu.html
Strana 1
strana 2

V tomto případě kliknutím na odkazy "Stránka 1" nebo "Stránka 2" v rámečku nabídky načtete odpovídající stránku v rámci "obsah".

Jak rozbít rámy

Pokud chcete odkazem otevřít stránku mimo sadu rámců (tj. nahradit celou sadu rámců), můžete použít speciální hodnotu _horní pro atribut cílová. Například:

v menu.html
vyjít z rámečků

Když kliknete na "Ukončit rámce", prohlížeč načte "pageOutofFrames.html" v celém okně a nahradí sadu rámců.

Příklad rozdělení obrazovky na dva sloupce s rámečky

Tento příklad rozdělí obrazovku na dva sloupce stejné velikosti. Každý sloupec načte jinou stránku HTML.

Příklad vytvoření postranního navigačního panelu s rámečky

Tento příklad vytvoří postranní panel, který zabírá 25 % obrazovky a slouží k navigaci. Zbytek obrazovky slouží k zobrazení hlavního obsahu.

Příklad rozdělení obrazovky na řádky a sloupce

Tento složitější příklad rozděluje obrazovku na čtyři stejné části. Každá sekce načte jinou HTML stránku.

Příklad horní navigace s HTML rámečky

Vytvořte soubor, který definuje dva snímky v řadě. Dva soubory, které definuje, jsou: jeden pro navigaci (který zabírá 20 % šířky okna) a jeden pro hlavní obsah (který zabírá zbytek šířky okna).

Dále budete muset vytvořit soubory „navigation.html“ a „content.html“. Například „navigation.html“ může vypadat takto:

Strana 1

strana 2

Strana 3


A "content.html" by mohlo být něco takového:

Vítejte na našem webu!

Zde bude obsah stránky vybrané v navigaci.

V tomto případě, když kliknete na odkaz v "navigation.html", odpovídající stránka se načte v rámci "obsah".