HTML kommandona FRAMESET och FRAME används för att skapa ramar. För varje ram, specificeras ett "vanligt" HTML dokument med text, bilder, länkar m.m. som innehåll.
Ett vanligt exempel av användande av ramar är att visa innehållsförteckning i en ram och själva innehållet i en annan.
Del 2: Exempel
I följande exempel skapas länkar som visar antingen vov.html eller mjau.html i ramen som heter "text":
<A HREF="vov.html" TARGET="text">Hundar</A> <A HREF="mjau.html" TARGET="text">Katter</A>
För att dela upp fönstret i två lika stora ramar och fylla dessa med olika dokument kan följande exempel av ett HTML dokument användas:
Filen RAM2.HTML
<HTML> <HEAD> <TITLE>VÅRT FRAME EXEMPEL</TITLE> </HEAD> <FRAMESET COLS="50%,*"> <FRAME SRC=dok1.html> <FRAME SRC=dok2.html> </FRAMESET> </HTML>
Filen DOK1.HTML
<HTML> <BODY> Denna fil heter dok1.html.<BR> Den har bara fem rader.<BR> Den har bara fem rader.<BR> Den har bara fem rader.<BR> Den har bara fem rader.<BR> </BODY> </HTML>
Filen DOK2.HTML
<HTML> <BODY> Denna fil heter dok2.html.<BR> Fönstret har delats i ramar.<BR> Du kan använda musen för att ändra storleken<BR> - bara dra, men detta blir bara tillfälligt.<BR> Klicka <A HREF="htmldoc5.html" TARGET="_top">här</A> för att komma till html kursen.<BR> Obs! länken har attributen TARGET="_top".<BR> Klicka <A HREF="htmldoc5.html">här</A> för att komma till html kursen.<BR> Warning! länken har inte attributen TARGET="_top".<BR> </BODY> </HTML>
Sidan kommer att se ut så här i din webb-läsare....
Denna fil heter dok1.html. Den har bara fem rader. Den har bara fem rader. Den har bara fem rader. Den har bara fem rader. | Denna fil heter dok2.html. Fönstret har delats i ramar. Du kan använda musen för att ändra storleken - bara dra, men detta blir bara tillfälligt. Klicka här för att komma till html kursen. Obs! länken har attributen TARGET="_top". Klicka här för att komma till html kursen. Warning! länken har inte attributen TARGET="_top". |
Klicka här för att se sidan.
I detta exempel specificerar attributen COLS= i kommandot FRAMESET vidden av ramarna. Vidden av den första ramen är 50% av fönstret. Vidden av den andra ramen är satt till asterisk (som betyder "det som är kvar av fönstret"). Notera att dokumentet ej innehåller ett BODY kommando, vilket beror på att dokument som definierar ramar har inget innehåll. Istället används attributen SRC= i varje FRAME kommando som specificerar ett dokument med innehåll. I vårt exempel är dok1.html och dok2.html filerna innehållet av ramerna.
Fönstret kan delas in i rader likaväl som i kolumner genom att använda attributen ROWS=. Vidare kan man dela individuella rader i rader och kolumner genom att använda kommandot FRAMESET innanför ett annat FRAMESET kommando.
Följande exempel visar hur man delar ett fönster i två rader där den sista raden är delad i två kolumner:
Filen RAM3.HTML
<HTML> <HEAD> <TITLE>FRAMSET innanför FRAMSET</TITLE> </HEAD> <FRAMESET ROWS="10%,*"> <FRAME SCROLLING=NO SRC=dok0.html> <FRAMESET COLS="20%,*"> <FRAME SRC=dok1.html> <FRAME SRC=dok2.html> </FRAMESET> </FRAMESET> </HTML>
Filen DOK0.HTML
<HTML> <BODY> <CENTER><FONT SIZE=+2><B>EXEMPEL AV RAMAR</B></FONT></CENTER> </BODY> </HTML>
Sidan kommer att se ut så här i din webb-läsare....
EXEMPEL AV RAMAR | |
---|---|
Denna fil heter dok1.html. Den har bara fem rader. Den har bara fem rader. Den har bara fem rader. Den har bara fem rader. | Denna fil heter dok2.html. Fönstret har delats i ramar. Du kan använda musen för att ändra storleken - bara dra, men detta blir bara tillfälligt. Klicka här för att komma till html kursen. Obs! länken har attributen TARGET="_top". Klicka här för att komma till html kursen. Warning! länken har inte attributen TARGET="_top". |
Klicka här för att se sidan.
I detta exempel används SCROLLING=NO för att tala om för webb-läsare att inte visa bläddringslisten i den första ramen. Görs ej detta, visas en bläddringslist om hela innehållet av ramen ej får plats (annars kommer man inte kunna läsa slutet av innehållet).
En viktig funktion i kommandot FRAME är attributen NAME=. Denna ger varje ram ett eget namn. Man använder sedan detta namn när man skapar länkar som ska visa ett dokument i en viss utvald ram. För att skapa en sådan länk används attributen TARGET= i kommandot A. Om man ej använder sig av attributen TARGET=, kommer dokumentet att visas i samma ram som länken finns i. Ska länken visas i hela fönstret, och ej bara i en ram, ska attributen TARGET="_top" användas.
Filen RAM4.HTML
<HTML> <HEAD> <TITLE>FRAMSET innanför FRAMSET</TITLE> </HEAD> <FRAMESET ROWS="10%,*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0"> <FRAME SCROLLING=NO SRC=dok0.html NAME="rubrik"> <FRAMESET COLS="20%,*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0"> <FRAME SRC=dok1.html NAME="index"> <FRAME SRC=dok2.html NAME="text"> </FRAMESET> </FRAMESET> </HTML>
Sidan kommer att se ut så här i din webb-läsare....
|
---|
Klicka här för att se sidan.
Uppdaterad 19:e november 2000