HTML pre začiatočníkov - iframe, 7.diel
HTML pre začiatočníkov - iframe, 7.diel
Iframe a jeho použitie. Či je vhodné ho použiť a ako sa vlastne používa sa dozviete v tomto článku. Iframe je "zlý" a neradím ho používať. Tento diel som napísal len preto aby ho obsiahol seriál.
Toľko nenávidený a neosvedčený spôsob na postavenie stránky ale aj tak ho zahrniem
do kódu. Niekedy je nápomocný, hlavne ak neovládate nejaký skriptovací jazyk.
Iframe funguje na zobrazenie inej stránky v stránke na ktorej sa nachádzate.
Základný tag pre jeho zápis je <iframe></iframe>. Iframe je párový
tag. Ako základ mu musíme určiť aj jeho výšku a šírku čo poznáte už aj z iných
elementov. Height a width(nepovinné). Tak ako to bolo u obrázkov stačí nám zadať cestu k
cieľovej stránke, ktorú chceme zobraziť v iframe. Jediné čo je k tomu potreba je zadať platný atribút src.
Iframe nám zobrazil ďalšiu stránku v tomto malom okne. Cestu resp. src stačí zadávať pri praktickom použitý bez URL a budeme odkazovať iba na nejaký súbor uložený na servere. Iframe má pomerne široké nastavenia. atribút align(left,right,top,bottom,middle) nám iframe zarovná na stránke podľa toho akú hodnotu do align dosadíme. Možné hodnoty som zadal do zátvorky. Ak nechceme aby náš iframe mal okolo seba rám stačí ak zadáme atribút frameborder="0" a rám zmizne. Pri Iframe môžeme vypnúť aj scrolling. Stačí zadať atribút scrolling(yes,no,auto). Ak zadáme iframu scrolling no, tak to s ním dopadne takto.
Teraz máte možnosť vidieť, že iframom nemôžeme pohybovať a ďalej sa asi scroolbarmi nedostaneme. Iba ak zaexperimentujeme myšou. Najlepšie je uvádzať scrolling auto. Ďalšie atribúty ako longdesc(zadávate dlhý popis iframu) marginwidth a marginheight môžete použiť tiež. Všetko toto je dovolené ale hlavne funkčné. Margin označuje odsadzovanie iframu.
Ak ste čítali článok o odkazoch určite vám prejde hlavou atribúty target. V iframe ale musíme najprv určiť jeho meno, čiže kód bude vyzerať nasledovne. Pridal som aj odkazy. Všimnite si nový atribút name v iframe a hodnoty atribútov target.
PaBi3(index.php) | PaBi3(download.php)
Do atribútu target sme uviedli meno iframu. V ktorom sa má stránka zobraziť. Vhodné je to ak na stránku používate viac ako len jeden iframe. Bližšie o odkazoch resp. atribútoch target sa dozviete v diely o hypertextových odkazoch.
Tento tag je veľmi nápomocný pre začínajúcich webdesignerov ale neodporúčam si zvyknúť na niečo takéto. To už sa radšej učiť rovno php. V začiatkoch môže byť tento tag využiteľný ale určite nájdete aj iné riešenie. Napr. ho vôbec nepoužiť :-D.
<iframe src="http://www.pabi3.com/" width="300" height="225">
</iframe>
Teraz by sme mali dostať nasledujúci výsledok:Iframe nám zobrazil ďalšiu stránku v tomto malom okne. Cestu resp. src stačí zadávať pri praktickom použitý bez URL a budeme odkazovať iba na nejaký súbor uložený na servere. Iframe má pomerne široké nastavenia. atribút align(left,right,top,bottom,middle) nám iframe zarovná na stránke podľa toho akú hodnotu do align dosadíme. Možné hodnoty som zadal do zátvorky. Ak nechceme aby náš iframe mal okolo seba rám stačí ak zadáme atribút frameborder="0" a rám zmizne. Pri Iframe môžeme vypnúť aj scrolling. Stačí zadať atribút scrolling(yes,no,auto). Ak zadáme iframu scrolling no, tak to s ním dopadne takto.
Teraz máte možnosť vidieť, že iframom nemôžeme pohybovať a ďalej sa asi scroolbarmi nedostaneme. Iba ak zaexperimentujeme myšou. Najlepšie je uvádzať scrolling auto. Ďalšie atribúty ako longdesc(zadávate dlhý popis iframu) marginwidth a marginheight môžete použiť tiež. Všetko toto je dovolené ale hlavne funkčné. Margin označuje odsadzovanie iframu.
Ak ste čítali článok o odkazoch určite vám prejde hlavou atribúty target. V iframe ale musíme najprv určiť jeho meno, čiže kód bude vyzerať nasledovne. Pridal som aj odkazy. Všimnite si nový atribút name v iframe a hodnoty atribútov target.
<a href="http://www.pabi3.com/" target="frame">PaBi3(index.php)</a> | <a href="http://www.pabi3.com/download.php" target="frame">PaBi3(download.php)</a>
<iframe name="frame" src="http://www.pabi3.com/" width="300" height="225"> </iframe>
Výsledok:<iframe name="frame" src="http://www.pabi3.com/" width="300" height="225"> </iframe>
PaBi3(index.php) | PaBi3(download.php)
Do atribútu target sme uviedli meno iframu. V ktorom sa má stránka zobraziť. Vhodné je to ak na stránku používate viac ako len jeden iframe. Bližšie o odkazoch resp. atribútoch target sa dozviete v diely o hypertextových odkazoch.
Tento tag je veľmi nápomocný pre začínajúcich webdesignerov ale neodporúčam si zvyknúť na niečo takéto. To už sa radšej učiť rovno php. V začiatkoch môže byť tento tag využiteľný ale určite nájdete aj iné riešenie. Napr. ho vôbec nepoužiť :-D.
Autor: PaBi3 ·
Kategória: Webdesign ·
Dátum: 14.05.2005 14:54


![Hlasová verzia [Pre internetový prehliadač Opera] Voice](modules/items/voice.png)
Komentáre
Tu je príklad mojej prvej stránky, z index.htm,
aj tak Vám základ www robí logo.htm a menu.htm,
hlavne tam mat pekne pozadie, krajsie ako PaBi3 :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> FILATELIA CLUB DOLNÝ OHAJ</TITLE>
</HEAD>
<FRAMESET rows="125,*">
<FRAME src="logo.htm" frameborder="0">
<FRAMESET cols= "16%,84%">
<FRAME src="menu.htm" name="menu">
<FRAME src="uvod.htm" name="uvod">
</FRAMESET>
</FRAMESET>
<BODY>
</BODY>
</HTML>