Trang Web được trình bày theo kiểu chia thành các phần độc lập với nhau gọi là frame. Bạn có thể chia trang Web thành nhiều phần tuỳ thích, ví dụ :
Khi bạn chia trang Web của mình ra bao nhiêu frame thì bạn phải tạo ra bấy nhiêu file HTML để mỗi frame hiển thị một file HTML.
Thông thường đoạn mã của một file HTML được chia thành các frame như sau :
<html>
<head>
<title>Tiêu đề trang Web của bạn</title>
</head>
<frameset rows/cols = "X,Y,..,Z">
<frame name = "frame_name1" src = "URL1">
<frame name = "frame_name2" src = "URL2">
........
<frame name = "frame_namen" src = "URLn">
</frameset>
<noframes>
Sorry ! Trình duyệt của bạn không hỗ trợ frame
</noframes>
</html>
Trong đó tag <frameset> có tác dụng để chỉ ra cách chia frame theo chiều ngang hay chiều dọc. Nếu bạn định phân chia theo chiều dọc thì dùng tag <frameset> như sau :
<frameset cols = "X,Y,..,Z">
Với X,Y,..,Z là độ rộng của các frame, bạn có thể cho giá trị là điểm, phần trăm...,ví dụ
<frameset cols = "170,530">
<frameset cols = "15%,85%">
<frameset cols = "170,*">
trong ví dụ cuối cùng bạn thấy có dấu *. Dấu * cho biết trước hết chia cho một frame độ rộng là 170, phần còn lại dành hết cho frame còn lại.
Cách làm tương tự đối với trang chia theo chiều ngang.
Tag <frame> có tác dụng định nghĩa một frame. Frame này sẽ có tên là giá trị của thuộc tính name = "" và hiển thị file HTML có tên là giá trị của thuộc tính src =""
Tag <noframes> ... </noframes> dùng để hiển thị thông báo khi trình duyệt của người đọc Web không hỗ trợ frame, ví dụ
<noframes>
Sorry ! Trình duyệt của bạn không hỗ trợ frame
</noframes>
Ví dụ khi muốn chia một trang Web như sau :
bạn phải làm như sau :
<html>
<head>
<title>A More Complex Framed Page</title> </head>
<FRAMESET ROWS="120,*>
<FRAME SRC="row1.html">
<FRAMESET COLS="75%,25%>
<FRAMESET ROWS="60%,40%>
<FRAME SRC="row2col1row1.html"> <FRAME SRC="row2col1row2.html">
</frameset>
<FRAMESET ROWS="100,*> <FRAME SRC="row2col21row1.html">
<FRAME SRC="row2col21row2.html"> </frameset>
</frameset>
</frameset>
<NOFRAMES>
This is what someone would see who does not have a web
browser that can display frames
</NOFRAMES>
</html>
Thông thường, một trang Web được trình bày như sau :
trong đó giả sử frame làm menu có tên là menu và frame hiển thị thông tin có tên là display. Khi click lên các siêu liên kết ở frame menu thì nội dung của các trang tương ứng hiện lên frame display, để làm được điều đó, trong file HTML của frame menu bạn đưa thêm tag <base> vào ngay sau tag <body>
...
<body>
<base target = "display">
...
Khi bạn không muốn hiển thị border của frame, bạn thêm thuộc tính border = "0" và frameborder = "0" vào tag <frameset>
<FRAMESET ROWS="45,*,150" BORDER=0 frameborder="0">
Trong trình duyệt bạn không muốn thay đổi kích thước của frame, bạn thêm thuộc tính NoResize vào trong tag <frame>
<FRAME NAME="myfixedframe" border=8 frameborder="1" SRC="fixed.html" NORESIZE>
20.2.Thực hành
Bạn đã học xong cách chia trang Web thành các frame, bây giờ bạn hãy tự mình chia các trang web thành các frame như trong các hình 1,2,3,4,5,6,8.
Các bạn thân mến, qua các bài học, các bạn đã nắm được khá vững những khiến thức cơ bản nhất về HTML. Giờ đây bạn có thể xây dựng cho riêng mình một trang web đẹp mắt chẳng kém gì các trang mà bạn thấy trên mạng, ví dụ như xây dựng trang web về gia đình bạn hay một nhóm bạn bè thân thiết của bạn chẳng hạn.
Chúc bạn thành công
Latest topics
» Hướng dẫn làm nhiệm vụ GTA San AnDreas
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm
» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm
» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am
» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm
» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am
» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am
» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am
» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am
» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am
» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am
» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am
» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am
» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am
» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm
» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm
» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm
» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am
» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm
» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am
» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am
» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am
» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am
» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am
» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am
» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am
» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am
» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am
» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm
» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am
20.Chia trang Web của bạn thành các Frame
Admin- Admin
- Cảnh Báo :
Lý Do Vi Phạm : An Toàn Tuyệt Đối ^^
Giới tính : Cung Sinh :
Posts : 916
SDPoints : 43
Thanked : 85
Tham Gia : 03/09/2011
Tuổi : 26
Đến từ : HN TT HN
Sở Thích : Nhiá»u Lắm Hìhì
Châm Ngôn Sống : Offline Dà i Hạn
Huy Hiệu
Huy Hiệu:
Trang Bị:
Pet:
|
|
No Comment.