FRAME
Trang 2I GI I THI U FRAMES(KHUNG)
Khi c n hi n th trên trình duy t nhi u n i dung, ch đ
khác nhau trên cùng m t trang thì m t gi i pháp có th đáp ng cho tr ng h p này là frame (khung)
Có th phân chia m t trang thành các khung, cho phép
ng i truy c p cùng m t lúc có th xem nhi u trang mà không c n cu n màn hình, m i khung ch a m t trang
web riêng
N u trong trang đã s d ng Frame thì không s tag
Body
Ví d : c n t o m t trang web mà khung bên trái ch a
các m c liên k t, bên ph i hi n th n i dung c a các
trang liên k t, ph n trên c a trang ch a logo
Trang 4Cách th c hi n:
Tr c h t ta t o các trang web riêng: trang logo, trang
ch a các liên k t và các trang n i dung chính, sau đó đ a các trang này vào các khung c a frame
Trang 6II CÁCH T O M T FRAME LAYOUT
Cú pháp:
<HTML>
<HAED>
<TITLE>Page Title</TITLE>
</HEAD>
<FRAMESET>
Frame Definitions
</FRAMESET>
</HTML>
Trang 71 Các d ng frame:
T o frame theo dòng
Cú pháp:
<HTML>
<HEAD><TITLE>N i dung tiêu đ </TITLE></HEAD>
<Frameset Rows=”a, b…” >
<Frame name=”Name1” Src=”Content1.htm>
<Frame name=”Name2” Src=”Content2.htm>
…
<Frame name=”Name_n” Src=”Content_n.htm>
</Frameset>
</HTML>
Trang 8– a, b: là đ cao c a các dòng th 1, th 2 …, có th tính
b ng pixel ho c b ng %
– Name: tên khung, (xác đ nh ch c n ng c a khung)
– Content.htm: đ a ch trang web xu t hi n đ u tiên trong
khung
Ví d :
<HTML>
<HEAD><TITLE>Frame</TITLE></HEAD>
<Frameset Rows=20%, 60%, 20% >
<Frame name=”Head” Src=”head.htm>
<Frame name=”Content1” Src=”Content1.htm>
<Frame name=”Content2” Src=”Content2.htm>
</Frameset>
</HTML>
Trang 9 T o frame theo c t
Cú pháp:
<HTML>
<HEAD><TITLE>N i dung tiêu đ </TITLE></HEAD>
<Frameset Cols=”a, b…” >
<Frame name=”Name1” Src=”Content1.htm>
<Frame name=”Name2” Src=”Content2.htm>
…
<Frame name=”Name_n” Src=”Content_n.htm>
</Frameset>
</HTML>
Trang 10– a, b : là đ cao c a các dòng th 1, th 2 …, có th tính
b ng pixel ho c b ng %
– Name : tên khung, (xác đ nh ch c n ng c a khung)
– Content.htm : đ a ch trang web xu t hi n đ u tiên trong
khung
Ví d :
<HTML>
<HEAD><TITLE>Frame</TITLE></HEAD>
<Frameset Cols=30%, 30%, * >
<Frame name=”Baner” Src=”head.htm>
<Frame name=”Content1” Src=”Content1.htm>
<Frame name=”Content2” Src=”Content2.htm>
</Frameset>
</HTML>
Trang 11III CÁC THU C TÍNH C A FRAME
Noresize : Không đ i kích th c
Scrolling : có/không có thanh cu n
Auto : Xu t hi n thanh cu n khi n i dung dài
Yes : luôn xu t hi n thanh cu n No: không xu t hi n thanh cu n
Ví d :
<frameset rows="80,*" frameborder="NO" border="0" >
<frame noresize src="topFrame" scrolling="NO" >
<frame noresize src="leftFrame" scrolling="NO" >
</frameset>
Frameborder : đ ng vi n c a khung m c đ nh là 1, mu n gi a
các khung không còn đ ng vi n thì trong tag Frameset nh p
thêm Border=0,
Trang 12 Marginwidth: hi u ch nh kho ng cách t n i dung
đ n l trái và ph i c a khung (tính b ng pixel)
Marginheight: hi u ch nh kho ng cách t n i dung
đ n l trên và d i c a khung (tính b ng pixel)
Các frame l ng nhau:
<Frameset >
<Frame name=”name” src=”Page.htm”>
<Frameset>
<Frame name=”name” src=”Page.htm”>
…
</Frameset>
…
</Frameset>
Trang 13IV LIÊN K T FRAME
Trang đ u tiên c a khung đ c ch ra trong thu c tính SRC, ta có th ch nh các trang khác cùng xu t hi n trong khung đó b ng cách ch ra v trí trang đích (Target)
T i trang mu n t o liên k t v i khung, ta nh p cú pháp:
<a Href=”Page.htm Target=”name”>
Nhãn m c liên k t
</a>
Trong đó :
Target= Name : tên c a khung mà trang mu n liên
k t đ n trong tag <Frame>
Page.htm: trang hi n th trong khung liên k t
Trang 14 Tag <Base>:
N u có nhi u liên k t đ n các trang xu t hi n trong cùng m t khung thì thu c tính target m c đ nh đ t
trong tag <Base>
Cú pháp:
<Head>
<Base target=”name”>
</Head>
Trang 15V PH N T NOFRAMES
Ph n t NOFRAMES đ c s d ng đ ch n i dung thay th cho
frame khi trình duy t không h tr frame
Cú pháp:
<HTML>
<HEAD><TITLE>Page title</TITLE></HEAD>
<FRAMESET>
Frame Definitions
</TRAMESET>
<NOFRAME>
<BODY>
Page Layout
</BODY>
</NOFRAME>
</HTML>
Trang 16VI PH N T IFRAME
N u mu n tr n v n b n và khung trong cùng m t trang thì ph i t o
m t khung bên trong trang b ng tag <iframe>, khi trình du êt
không h tr thì n i dung trong IFRAME s b tr l i
Cú pháp :T i v trí mu n chèn frame, nh p cú pháp:
<Iframe Src=”Page.htm” Name=”name” Width= x Height=y Align=left/ right>
N i dung thay th khi trình duy t không ch p nh n khung
</Iframe>
Trong đó:
Page.htm : là trang đ u tiên xu t hi n trong khung
Name : tên c a khung
x, y : kích th c c a khung
Align : canh l
Trang 17VÍ D :