|
| BÀI HỌC
Bạn có thể tạo khung hay còn gá»i là nhiá»u cá»a sổ trong tình duyệt, má»—i cá»a sổ là má»™t táºp tin HTML nà o đấy. Äây là cách thiệt kế bạn thÆ°á»ng hay gặp trÆ°á»›c đây. NhÆ°ng hiện nay ngÆ°á»i ta Ä‘ang có phong trà o hạn chế bá»›t việc tạo khung nà y. Ty nhiên việc tạo khung mang lại nhiá»u mặt có lợi nhÆ° Ä‘Æ¡n giản hóa việc trình bà y trang Web chẳng hạn.
Bạn có thể tạo 2 khung: 1 khung là tóm tắt mục lục (nhÆ° trong quyển sách chẳng hạn) còn khung kia dùng để hiển tthị những gì bạn chá»n trong khung trÆ°á»›c. NhÆ° váºy sẽ tiện hÆ¡n khi thiết kế chá»n tiêu Ä‘á» rồi mở trang sách để Ä‘á»c, sau đó lại phải nhấn nút Back để quay lại trang mục lục.
Trong trang tạo khung, bạn không được trình bà y gì khác ngoà i cặp thẻ để tạo khung. Bởi vì ná»™i dung má»—i khung đã được liên kết đến 1 file HTML nà o đó rồi. Äể tạo khung ta dùng tag <FRAMESET> và </FRAMESET>.
<FRAMESET COLS=x ROWS=x></FRAMESET>
Trong đó x là các giá trị pixel hoặc phần trăm xác định kÃch thÆ°á»›c các cạnh của khung.
Chẳng hạn tạo 1 file mới có nội dung như sau:
<HTML>
<HEAD>
<TITLE>HTMLStudy</TITLE>
</HEAD>
<FRAMESET COLS="30,50,*"></FRAMESET>
</HTML>
Äiá»u nà y có nghÄ©a là tạo 3 khung theo chiá»u đứng, khung đầu rá»™ng 30 pixel, khung giữa rá»™ng 50 pixel và khung thứ ba là phần còn lại của cá»a sổ.
Hoặc 1 file khác
<HTML>
<HEAD>
<TITLE>HTMLStudy</TITLE>
</HEAD>
<FRAMESET ROWS="40%,*"></FRAMESET>
</HTML>
Äiá»u nà y có nghÄ©a là tạo 2 khung theo chiá»u ngang, khung đầu cao 20% chiá»u rá»™ng cá»a sổ và khung thứ 2 là phần chiá»u cao còn lại của cá»a sổ.
Bạn có thể lồng các cặp thẻ nà y và o nhau để tạo khung theo chiá»u ngang và dá»c bất kỳ. Sau khi tạo khung xong, bạn phải định dạng từng khung vừa tạo bằng thẻ sau:
<FRAME NAME=framename SRC=URL>
Trong đó framename là tên bạn đặt cho khung để tiện việc chỉ định trong các liên kết sau nà y. Còn URL là địa chỉ táºp tin HTML mà bạn muốn hiển thị trong khung.
Thuá»™c tÃnh
Ngoà i ra bạn còn có thể dùng các thuá»™c tÃnh sau để định dạng cho thẻ <FRAMESET>:
BORDER: Chỉ định Ä‘á»™ dà y nét của Ä‘Æ°á»ng ngăn cách các khung bên trong.
FRAMESPACING: Chỉ định khoảng cách của Ä‘Æ°á»ng ngăn cách các khung.
FRAMEBORDER: Cho phép hiển thị khung hay không, giá trị của nó là no (0) hoặc yes (1).
Äối vá»›i thẻ <FRAME> bạn có thể dùng các thuá»™c tÃnh sau:
MARGINWIDTH và MARGINHEIGHT: Chỉ định khoảng cách lỠtrái phải và trên dưới của khung so với văn bản bên trong.
SCROLLING: Cho phép hiển thị thanh cuốn để cuá»™n trang hay không. Các giá trị của nó là yes, no và auto (tá»± Ä‘á»™ng xuất hiện thanh cuá»™n khi ná»™i dung dà i hÆ¡n cá»a sổ).
NORESIZE: Không cho phép thay đổi kÃch thÆ°á»›c của khung.
FRAMESPACING: Chỉ định chiá»u rá»™ng của Ä‘Æ°á»ng ngăn cách khung.
Thẻ NOFRAMES
Thẻ <NOFRAMES> dùng để thông báo dòng văn bản bên trong nó, trong trÆ°á»ng hợp trình duyệt không cho phép hiển thị Frame. Nếu bạn thấy dòng nà y khi chạy chÆ°Æ¡ng trình thì bạn hiểu rằng, trình duyệt của bạn không hiển thị được trang Web nà y bởi vì nó được thiết kế dạng Frame. Muốn sá» dụng được bạn phải nâng cấp trình duyệt của bạn lên version cao hÆ¡n.
<NOFRAMES>Trình duyệt của bạn không hỗ trợ Frame</NOFRAMES>
Dòng text "Trình duyệt của bạn không há»— trợ Frame" nà y chỉ hiển thị khi trình duyệt không há»— trợ Frame, nếu trình duyệt của bạn há»— trợ Ä‘iá»u nà y, bạn không thể thấy nó xuất hiện.
THỰC HÀNH
Bạn là m má»™t website dạng sách Ä‘iện tá», đầu tiên hãy tạo môt trang Web để tạo khung đặt tên là sach.html.
File sach.html:
<HTML>
<HEAD><TITLE>Gioi thieu sach</TITLE></HEAD>
<FRAMESET ROWS="30,*">
<FRAME NAME="tieude" SRC="tieude.html" NORESIZE>
<FRAMESET COLS="100,*">
<FRAME NAME="mucluc" SRC="mucluc.html" NORESIZE>
<FRAME NAME="noidung" NORESIZE>
</FRAMESET>
</FRAMESET>
<NOFRAMES>Trình duyệt của bạn không hỗ trợ Frame</NOFRAMES>
</HTML>
Bạn tạo một trang Web dùng là m tiêu đỠđặt tên là tieude.html và tạo một trang Web có các danh mục như mục lục của cuốn sách đặt tên là mucluc.html và tạo thêm các trang Web khác chứa nội dung của mỗi đỠmục có trong mục lục và đặt tên chúng là trang1.html, trang2.html, trang3.html...
File tieude.html:
<HTML>
<HEAD><TITLE>Gioi thieu sach</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>
<H3>GIỚI THIỆU SÃCH</H3>
</BODY>
</HTML>
File mucluc.html:
<HTML>
<HEAD><TITLE>Gioi thieu sach</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>
<P><A HREF="trang1.html" TARGET="noidung"> ChÆ°Æ¡ng 1 </A>
<P><A HREF="trang2.html" TARGET="noidung"> ChÆ°Æ¡ng 2 </A>
<P><A HREF="trang3.html" TARGET="noidung"> ChÆ°Æ¡ng 3 </A>
</BODY>
</HTML>
Các file trang1.html, trang2.html, trang3.html...:
<HTML>
<HEAD><TITLE>Gioi thieu sach</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>
<P>Äây là chÆ°Æ¡ng 1
</BODY></HTML>
Tương tự bạn gõ nội dung và o các trang khác.
Cuối cùng, sau khi soạn xong, bạn chạy file sach.html bạn sẽ thấy nhÆ° hình bên dÆ°á»›i. Khi click và o các liên kết trong trang mucluc bạn sẽ thấy các trang tÆ°Æ¡ng ứng hiện lên trong khung noidung. Äể là m được việc nà y, bạn nên chú ý thuá»™c tÃnh TARGET= trong má»—i liên kết trong thẻ <A> của táºp tin mucluc.html. Äó chÃnh là tên khung cá»a sổ bạn muốn hiển thị kết quả, tên nà y chÃnh là tên bạn đã định nghÄ©a trong thẻ <FRAME> của táºp tin sach.html.
Thẻ <NOFRAMES> dùng để thông báo dòng văn bản bên trong nó, trong trÆ°á»ng hợp trình duyệt không cho phép hiển thị Frame. Nếu bạn thấy dòng nà y khi chạy chÆ°Æ¡ng trình thì bạn hiểu rằng, trình duyệt của bạn không hiển thị được trang Web nà y bởi vì nó được thiết kế dạng Frame. Muốn sá» dụng được bạn phải nâng cấp trình duyệt của bạn lên version cao hÆ¡n.
|
HTMLStudy
File Edit View Favorites Tools Help
Done
