Liên kết frame

Một phần của tài liệu Tài liệu lập trình web căn bản (Trang 35)

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

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

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>

<Head>

<Base target=”name”>

<a href=”URL”>Nhãn liên kết</a>

</head>

Ví dụ: Thiết kế trang web như sau:

Topframe

Mainframe Leftframe

Cách thực hiện:

Trang chính: Chia trang thành 3 khung: topframe, leftframe và mainframe. Trang Photo.htm đặt trong left frame, logo.htm đặt trong Topframe, Bester.htm,

DuMont.htm, Jacobs.htm đặt trong mainframe <HTML>

<HEAD><TITLE>Staff of The Colorado Experience</TITLE> <FRAMESET ROWS="60,*">

<!--- Company logo --->

<FRAME SRC="Logo.htm" marginheight=1 noresize scrolling=NO

name=Topframe>

<!--- Nested frames --->

<FRAMESET COLS="140,*">

<!--- A list of staff photos --->

<FRAME SRC="Photos.htm" NAME=Leftframe>

<!--- Individual staff biographies --->

<FRAME SRC="Bester.htm" NAME=Mainframe>

</FRAMESET>

</FRAMESET> </HEAD> </HTML>

Trong đó các trang Logo.htm, Photos.htm, Bester.htm phải được tạo trước

Photos.htm

<HTML>

<HEAD><TITLE>Staff hypertext links</TITLE>

<BASE TARGET=Mainframe>

</HEAD> <BODY>

<CENTER>

<A HREF="Bester.htm"><IMG SRC="Bester.jpg" width=75 height=101> <BR> Jeff Bester</A><BR><BR>

<A HREF="DuMont.htm"><IMG SRC="DuMont.jpg" width=75 height=101>

<BR> Brian DuMont</A><BR><BR>

<A HREF="Jacobs.htm"><IMG SRC="Jacobs.jpg" width=75

height=101><BR> Dennis Jacobs</A><BR><BR> </CENTER> </BODY> Logo.htm Bester.htm DuMont.ht m Jacobs.ht m Photo. htm topframe mainfra me leftfram e

</HTML>

Bester.htm

<HTML>

<HEAD><TITLE>Jeff Bester</TITLE></HEAD> <BODY>

<IMG SRC="Bester2.jpg" WIDTH=90 HEIGHT=125 ALIGN=LEFT> <FONT SIZE=2> <TABLE> <TR> <TD VALIGN=TOP><B>Name:</B></TD> <TD VALIGN=TOP>Jeff Bester</TD> </TR> <TR> <TD VALIGN=TOP><B>Age:</B></TD> <TD VALIGN=TOP>37</TD> </TR> <TR> <TD VALIGN=TOP><B>Experience:</B></TD>

<TD VALIGN=TOP>Twelve years climbing. Three years with The Colorado Experience</TD> </TR> <TR> <TD VALIGN=TOP><B>EMT:</B></TD> <TD VALIGN=TOP>Yes</TD> </TR> </TABLE><BR CLEAR=LEFT>

Jeff has led routes in Yosemite, Eldorado, Mount Ranier and Rocky Mountain National Park. He has participated in expeditions in Denali, Mexico and Nepal. We are happy to welcome back Jeff for his fourth year with The Colorado Experience. Jeff will be leading tours to Eldorado Canyon.

</FONT> <BODY>

</HTML>

Các trang DuMont.htm, Jacobs.htm cũng thiết kế tương tự.

Logo.htm

<HTML>

<HEAD><TITLE>HEAD</TITLE></HEAD> <BODY BACKGROUND="Mountain.jpg">

<IMG SRC="TCELogo.gif" WIDTH=550 HEIGHT=60> </BODY>

</HTML>

Một phần của tài liệu Tài liệu lập trình web căn bản (Trang 35)