html總結（中）

最新推荐文章于 2025-12-16 21:51:40 发布

原创最新推荐文章于 2025-12-16 21:51:40 发布 · 651 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #windows #iframe #框架

本文介紹了如何使用HTML的<frameset>和<frame>標籤實現頁面中的窗體分割及內容跳轉，並演示了如何使用<iframe>標籤創建浮動窗體。通過具體的例子展示了基本的實現方法。

有關html窗體框架的問題，如果想要實現在一個畫面中分割窗體，並且通過點擊其中的一個窗體，鏈接內容至同一個畫面中的另一個窗體。就需要使用<frameset>與<frame>的標籤。以下是幾個我做的小例子。簡記之。

poem.html

<html> <head> <title>hello poet</title> </head> <frameset cols="179,*"> <frame name = "windows1" src="1.html" mce_src="1.html" scrolling="auto"> <frame name = "windows2" src="2.html" mce_src="2.html" > </frameset> </html>

1.html

jingyesi.html

<html> <head> <title>靜夜思</title> </head> <body> <pre> <center> 床前明夜光，疑似地上霜。舉頭望明月，酒幹湯賣無。 </center> </pre> </body> </html>

guasong.html

<html> <head> <title>瓜松</title> </head> <body> <pre> <center> 就是一個神經病。 </center> </pre> </body> </html>

2.html

<html> <head> <title></title> </head> <body> <pre> <center> 歡迎來讀詩。 </center> </pre> </body> </html>

想要在畫面上嵌入另一個畫面，即浮動窗體，則需要使用<iframe>標籤。以下是一個小的示例。

ex.html

<html> <head> <title>浮動窗口</title> </head> <body bgcolor= "#ffccff"> <pre> <center> <iframe src = "ex1.html" name = "window" width="350"> 這是個浮動的窗口。 </iframe> <br> <a href = "ex2.html" target = "window">welcome</a> <a href = "ex3.html" target = "window">hello</a> </center> </pre> </body> </html>

ex1.html

<html> <head> <title></title> </head> <body bgcolor= "blue"> <pre> <center> <font color ="yellow" size = "5">北京歡迎撒</font> </center> </pre> </body> </html>

ex2.html

<html> <head> <title></title> </head> <body bgcolor= "lightyellow"> <h5 align="center">Welcome</h5> </body> </html>

ex3.html

<html> <head> <title></title> </head> <body bgcolor= "lightgreen"> <h5 align="center">Hello</h5> </body> </html>