Các thuộc tính name và target của Frame

Một phần của tài liệu tài liệu tham khảo các thẻ html thông dụng nhất (Trang 88 - 91)

VI DU THE D

Các thuộc tính name và target của Frame

Một trong các cách phổ biến về sử dụng các Frame là để đặt ví trí các thanh điều hướng trong một Frame và sau đó là tải các trang chính trong một Frame riêng biệt.

Ví dụ về đoạn code: <!DOCTYPE html>

<html> <head>

<title>Vi du Target Frame trong HTML</title> </head>

<frameset cols="200, *">

<frame src="../html/main.htm" name="main_page" /> <noframes>

<body>

Trinh duyet cua ban khong ho tro Frame. </body>

</noframes> </frameset> </html>

Tại đây bạn có thể tạo 2 cột để chứa 2 Frame. Frame đầu tiên rộng 200 pixel và chứa thanh menu điều hướng được thực hiện bởi file menu.htm. Cột hai trong phần trống còn lại và chứa phần chính của trang và được thực hiện bởi tệp main.htm. Đối với ba link có trong thanh menu, chúng ta đã đề cập đến Frame mục tiêu như là main_page, vì thế bất cứ khi nào bạn nhấn chuột vào các link trên menu thì link có sẵn sẽ mở trong main_page.

Dưới đây là nội dung trong menu.htm: <!DOCTYPE html>

<html>

<body bgcolor="#4a7d49">

<a href="http://www.google.com" target="main_page">Google</a> <br /><br />

<a href="http://www.microsoft.com" target="main_page">Microsoft</a> <br /><br />

<a href="http://news.bbc.co.uk" target="main_page">BBC News</a> </body>

</html>

Và nội dung trong main.htm: <!DOCTYPE html>

<html>

<body bgcolor="#b5dcb3">

<p>So now click any link and see the result.</p> </body>

</html>

Khi chúng ta tải tệp test.htm, nó hiển thị kết quả:

Bây giờ bạn có thể thử nhấn chuột vào các link có trong ơ bên trái và xem kết quả. Thuộc tính target có thể nhận một trong các giá trị sau:

Tùy chọn Miêu tả

_self Tải trang web trong Frame hiện tại.

_blank Tải một trang trong cửa sổ trình duyệt mới.

_parent Tải trang trong cửa sổ chính, trong trường hợp frameset đơn là cửa sổ trình duyệt chính.

_top Tải trang trong cửa sổ trình duyệt, thay cho các trang hiện tại. targetframe Tải trang trong một Frame mục tiêu đã đặt tên.

Bạn có thể xác định một Iframe với thẻ <iframe>. Thẻ <iframe> không liên quan đến thẻ <frameset>, thay vào đó, nó có thể xuất hiện ở bất cứ đâu trong tài liệu của bạn. Các thẻ <iframe> xác định một khu vực trong trang mà tại đó trình duyệt có thể hiển thị một trang riêng biệt, bao gồm cả thanh cuốn và Border. Nói một cách đơn giản là thẻ này dùng để nhúng một trang khác vào trang hiện tại.

Thuộc tính src được sử dụng để xác định địa chỉ URL của trang mà chứa Iframe.

Một phần của tài liệu tài liệu tham khảo các thẻ html thông dụng nhất (Trang 88 - 91)

Tải bản đầy đủ (DOCX)

(134 trang)
w