您好,登錄后才能下訂單哦!
本篇內容主要講解“HTML框架如何使用”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“HTML框架如何使用”吧!
構建框架頁面
框架可以用<frame></frame>標簽來表示
需要注意的是標簽<frameset>是可以嵌套使用的,它具有cols和rows屬性,其中cols是用于設定分割左右窗口的高度,rows是用于設置分割上下窗口的高度
例:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <frameset rows="48,*" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/> <frameset cols="150,*" frameborder="no" border="0" framespacing="0"> <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/> <frame src="main.html" name="mainFrame" id="mainFrame"/> </html> |
效果圖:
注意:使用<frameset>框架時需要將<body>標簽刪除,因為它是個特殊的HTML文件,當不刪除時瀏覽器無任何效果
頁內框架的使用
頁內框架和頁面框架的區別就是,頁內框架是一個普通頁面中的一個特殊區域,即普通頁面中含有多個框架通常為表格的單元格,而頁面
框架則是整個頁面就是一個框架。頁內框架可使用<iframe>標簽
例:
1 2 3 4 5 6 7 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <iframe src="https://www.baidu.com/"></iframe> </html> |
效果圖:
其中src表示的是指定預載頁面內容
到此,相信大家對“HTML框架如何使用”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。