1. 首頁 > 生活百科 > >

如何制作框架網頁？

小知識

在學習web前端的時候，會學習到關于框架的內容，框架可以將同一個頁面分成不同的幾部分，每一部分加載不同的網頁，我教大家實現一個頁面分成兩部分，點擊左邊部分的鏈接在右邊部分顯示東西/材料 sublime Text（ 也可以利用其他的編纂東西，如記事本等）
操作方式 01 新建一個網頁文件frame.html，后綴名是html，用sublime Text打開

如何制作框架網頁？



02 然后寫上彀頁的根基布局，內容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>1</title>
</head>
<body>
您的瀏覽器不撐持框架
</body>
</html>

如何制作框架網頁？



03 【如何制作框架網頁？】框架標簽必需卸載head標簽中，在head標簽中添加如下內容
<frameset cols="20%,80%" border="1">
<frame src=https://vvvtt.com/article/"./left.html" name="">
<frame src=https://vvvtt.com/article/"https://zhinan.sogou.com/" name="right">
</frameset>

如何制作框架網頁？



04 在當前目次下新建一個網頁文件，名字必需和上面的框架源代碼中利用的名字想經由過程，這里是left.html,然后寫上如下內容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>left</title>
</head>
<body>
<ul>
<li><a href=https://vvvtt.com/article/"https://zhinan.sogou.com/" target="right">首頁
<li><a href=https://vvvtt.com/article/"https://wenwen.sogou.com/?pid=zn.wenwen&ch=zn.daohang.wenwen&src=zhinan" target="right">問問
<li><a href=https://vvvtt.com/article/"http://pic.sogou.com/" target="right">圖片
</ul>
</body>
</html>

如何制作框架網頁？



05 利用瀏覽器打開frame.html文件，成果如下

如何制作框架網頁？



06 點擊左邊的文件，右邊就會顯示成果

如何制作框架網頁？





以上內容就是如何制作框架網頁？的內容啦，希望對你有所幫助哦！

    猜你喜歡