rychlokurs HTML
|
Rámce |
Rámce rozdělují plochu okna browseru na menší podokýnka - v každém z rámců může být nahraný dokument z odlišného URL, každý rámec může mít svoje jméno, na které se lze odkazovat, každý rámec může anebo nemusí jít zmenšovat a zvětšovat. Rámce jsou implementovány od verze 2.0 Netscape Navigatoru a verze 3.0 Microsoft Internet Exploreru. Rámce využíváme ve webové podobě HaTMatiLky. |
<frameset> nastavení rámců |
<noframes> nerámcová alternativa |
Chceme-li mít stránku rozdělenou na rámce, musíme nejprve vytvořit zvláštní, "rámcový" html dokument. Běžný příkaz <body> v něm nahradíme příkazem <frameset>, do kterého uzavřeme definici rámců. Konec definice rámců označuje příkaz </frameset>. Pro zastaralé browsery nezobrazující rámce můžeme za něj uvést příkaz <noframes> a v něm naprogramovat "nerámcový" vzhled stránky. Cokoliv uzavřeného uvnitř příkazu <noframes> bude rámce ovládající browser ignorovat. Rows= seznam hodnot oddělený čárkami: pixelů nebo procent nebo relativních hodnot
Hodnota těchto dvou atributů může být číselná, v procentech anebo relativní. Je-li číselná, jedná se o šířku sloupce či řádku udanou v bodech. Jedná-li se o hodnotu v procentech, jde o příslušnou část šířky ši výšky okna browseru. Hodnota relativní je značena hvězdičkou a znamená, že řádek nebo sloupec vyplní zbývající prostor okna. Je-li relativně zadaných řádků či sloupců více, než pouhý jeden, může se před hvězdičkou uvést číslo. Číslo značí, kolikrát bude tato relativní část větší, než zbývající relativní části. Nekryje-li se rozdělení rámců s aktuální šířkou či výškou okna browseru, browser rozdělení rámců přizpůsobí. Příklad levého sloupce širokého 80 bodů a pravého sloupce dvakrát širšího, než je prostřední:
<frameset cols="80,*,2*">
Schéma html dokumentu s rámci:
<html> Border= číslo
Bordercolor= barva
Frameborder= yes, no
|
<frame> rámec |
Tento příkaz definuje v každém řádku nebo sloupci jednotlivé rámce. Src= URL
Name= text
Kromě toho, že se odkážete na nějaký rámec pojmenovaný vámi, jsou tato vyhražená jména:
Marginwidth= číslo
Scrolling= yes, no, auto
Noresize
Frameborder= číslo
|
Příklad rámců |
Výsledek tohoto příkladu se vám otevře v samostatném okně browseru. Tip: zkuste zaměnit řádky a sloupce, pohrajte si se šířkou a barvou rámečků. Definiční soubor ramce_pr.html:
<html> Soubor ramce_pr_l1.html:
<html><body bgcolor=green>Kočka</body></html>
Soubor ramce_pr_l2.html:
<html><body bgcolor=green>Pes</body></html>
Soubor ramce_pr_pravy.html:
<html><body bgcolor=yellow> |
Pavel Pospíšil |