Frame

THÔNG TIN TÀI LIỆU

Nội dung

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ủ đề

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

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 Body



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 LAYOUT

CÁCH TẠO MỘT FRAME LAYOUT



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ò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>

II.

(8)

–

a, b

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

bằng %

–

Name

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

–

Content.htm

: địa trang web xuất 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>

II.

(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>

II.

(10)

–

a, b

: độ cao dịng thứ 1, thứ …, tính

: độ cao dòng thứ 1, thứ …, tính

bằng pixel %

–

Name

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

–

Content.htm

: địa trang web xuất

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>

II.

(11)

III.

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

CÁC THUỘC TÍNH CỦA FRAME



Noresize

: Khơng đổi kích thước



Scrolling

: có/khơng có cuộn

Auto

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

Yes

: xuất cuộn

No: không xuất 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 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:

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

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



Marginheight

: 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:

<Frameset >

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

<Frameset>

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

…

</Frameset>

…

III.

(13)

IV.

IV. LIÊN KẾT FRAME

LIÊN KẾT FRAME



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:

<a Href=”Page.htm Target=”name”>

Nhãn mục liên kết

</a>

T

rong :

Target=Name :

tên khung mà trang muốn liên kết đến

trong tag <Frame>

Page.htm

(14)



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:

<Head>

<Base target=”name”>

</Head>

III.

(15)

V.

V. PHẦN TỬ NOFRAMES

PHẦN TỬ NOFRAMES



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áp

:

(16)

VI.

VI. PHẦN TỬ IFRAME

PHẦN TỬ IFRAME



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

một khung bên trang tag

<iframe>,

trình duỵêt khơng

hổ trợ nội dung IFRAME 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 trình duyệt khơng chấp nhận khung

</Iframe>

Trong đó:

Page.htm

: trang xuất khung

Name

: tên khung

x, y

(17)

VÍ DỤ:

VI.

Ngày đăng: 16/05/2021, 20:02