Frame

Nếu có nhiều liên kết đến các trang xuất hiện trong cùng một. Nếu có nhiều liên kết đến các trang xuất hiện trong cùng một[r]

(1)

CHƯƠNG V

FRAME

(2)

I.

I. GIỚI THIỆU FRAMES(KHUNG)GIỚI THIỆU FRAMES(KHUNG)

 Khi cần hiển thị trình duyệt nhiều nội dung, chủ đề Khi cần hiển thị trình duyệt nhiều nội dung, chủ đề

khác trang giải pháp đáp

ứng cho trường hợp frame (khung)

 Có thể phân chia trang thành khung, cho phép Có thể phân chia trang thành khung, cho phép

người truy cập lúc xem nhiều trang mà

khơng cần hình, khung chứa trang web

không cần hình, khung chứa trang web

riêng.

 Nếu trang sử dụng Frame khơng sử tag BodyNếu trang sử dụng Frame khơng sử tag Body  Ví dụ: cần tạo trang web mà khung bên trái chứa Ví dụ: cần tạo trang web mà khung bên trái chứa

mục liên kết, bên phải hiển thị nội dung trang liên

kết, phần trang chứa logo

(3)

I.

(4)

Cách thực hiện:

Trước hết ta tạo trang web riêng: trang logo, trang

chứa liên kết trang nội dung chính, sau đưa các trang vào khung frame

I.

(5)

I.

(6)

II.

II. CÁCH TẠO MỘT FRAME LAYOUTCÁCH TẠO MỘT FRAME LAYOUT

 Cú pháp:Cú pháp:

<HTML>

<HAED>

<TITLE>Page Title</TITLE>

</HEAD>

<FRAMESET>

Frame Definitions

</FRAMESET>

</HTML>

(7)

1.

1. Các dạng frame:Các dạng frame:

 Tạo frame theo dòngTạ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=”Name_n” Src=”Content_n.htm>

</Frameset>

</HTML>

II.

(8)

– a, ba, b: độ cao dòng thứ 1, thứ …, tính pixel : độ cao dòng thứ 1, thứ …, tính pixel

bằng % bằng %

– NameName: tên khung, (xác định chức khung): tên khung, (xác định chức khung)

– Content.htmContent.htm: địa trang web xuất khung: địa trang web xuất khung

 Ví dụVí dụ::

<HEAD><TITLE>Frame</TITLE></HEAD> <HEAD><TITLE>Frame</TITLE></HEAD>

</Frameset> </HTML>

</HTML>

II.

(9)

 Tạo frame theo cộtTạo frame theo cột

Cú pháp:

<HTML>

<HEAD><TITLE>Nội dung tiêu đề</TITLE></HEAD>

<Frameset Cols=”a, b…” >

…

<Frame name=”Name_n” Src=”Content_n.htm>

</Frameset>

</HTML>

II.

(10)

– a, ba, b: độ cao dịng thứ 1, thứ …, tính : độ cao dòng thứ 1, thứ …, tính

bằng pixel %

– NameName: tên khung, (xác định chức khung): tên khung, (xác định chức khung)

– Content.htmContent.htm: địa trang web xuất : địa trang web xuất

khung

Ví dụ Ví dụ::

<HTML> <HTML>

<HEAD><TITLE>Frame</TITLE></HEAD> <HEAD><TITLE>Frame</TITLE></HEAD>

<Frameset Cols=30%, 30%, * > <Frameset Cols=30%, 30%, * >

<Frame name=”Baner” Src=”head.htm> <Frame name=”Baner” Src=”head.htm>

<Frame name=”Content1” Src=”Content1.htm> <Frame name=”Content1” Src=”Content1.htm> <Frame name=”Content2” Src=”Content2.htm> <Frame name=”Content2” Src=”Content2.htm>

II.

(11)

III.

III. CÁC THUỘC TÍNH CỦA FRAMECÁC THUỘC TÍNH CỦA FRAME

 NoresizeNoresize: Khơng đổi kích thước: Khơng đổi kích thước  ScrollingScrolling: có/khơng có cuộn: có/khơng có cuộn

Auto

Auto: Xuất cuộn nội dung dài: Xuất cuộn nội dung dài

Yes

Yes: xuất cuộn: xuất cuộn No: không xuất cuộn

No: không xuất cuộn

 Ví dụ:Ví dụ:

</frameset>

 FrameborderFrameborder: đường viền khung mặc định 1, muốn : đường viền khung mặc định 1, muốn

giữa khung khơng cịn đường viền tag Frameset

nhập thêm Border=0,

(12)

 Marginwidth:Marginwidth: hiệu chỉnh khoảng cách từ nội dung đến lề hiệu chỉnh khoảng cách từ nội dung đến lề

trái phải khung (tính pixel)

 MarginheightMarginheight: hiệu chỉnh khoảng cách từ nội dung đến lề : hiệu chỉnh khoảng cách từ nội dung đến lề

trên khung (tính pixel)

 Các frame lồng nhau:Các frame lồng nhau:

<Frameset >

<Frame name=”name” src=”Page.htm”>

<Frameset>

<Frame name=”name” src=”Page.htm”>

…

</Frameset>

…

… III.

(13)

IV.

IV. LIÊN KẾT FRAMELIÊN KẾT FRAME

 Trang khung thuộc tính SRC, ta Trang khung thuộc tính SRC, ta

có thể chỉnh trang khác xuất khung

cách 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: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>

T

Trong :rong :

Target=Name :

Target=Name : tên khung mà trang muốn liên kết đến tên khung mà trang muốn liên kết đến trong tag <Frame>

trong tag <Frame>

Page.htm

(14)

 Tag <Base>:Tag <Base>:

Nếu có nhiều liên kết đến trang xuất

khung thuộc tính target mặc định đặt tag <Base>

 Cú pháp:Cú pháp:

<Head>

<Base target=”name”>

</Head>

</Head> III.

(15)

V.

V. PHẦN TỬ NOFRAMESPHẦN TỬ NOFRAMES

 Phần tử NOFRAMES sử dụng để nội dung thay cho frame Phần tử NOFRAMES sử dụng để nội dung thay cho frame

trình duyệt khơng hổ trợ frame trình duyệt không hổ trợ frame

 Cú phápCú pháp::

(16)

VI.

VI. PHẦN TỬ IFRAMEPHẦN TỬ IFRAME

 Nếu muốn trộn văn khung trang phải tạo Nếu muốn trộn văn khung trang phải tạo

một khung bên trang tag

một khung bên trang tag <iframe>,<iframe>, trình duỵêt khơng trình duỵêt khơng hổ trợ nội dung IFRAME bị trả lại

hổ trợ nội dung IFRAME bị trả lại

 Cú phápCú pháp:Tại vị trí muốn chèn frame, nhập 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 <Iframe Src=”Page.htm” Name=”name” Width= x Height=y

Align=left/ right> Align=left/ right>

Nội dung thay trình duyệt khơng chấp nhận khung

Nội dung thay trình duyệt khơng chấp nhận khung </Iframe>

</Iframe> Trong đó:

Trong đó:

Page.htm

Page.htm: trang xuất khung: trang xuất khung Name

Name: tên khung: tên khung x, y

(17)

VÍ DỤ:

VI.