首頁  >  文章  >  web前端  >  HTML框架的使用

HTML框架的使用

清浅
清浅原創
2019-04-10 10:35:207659瀏覽

HTML框架:HTML框架可以使得在同一瀏覽器視窗顯示多個頁面,其中04a0d55efbbfd646a993fbc01f262c57標籤可以建立框架頁面來分割瀏覽器窗口,d5ba1642137c3f32f4f4493ae923989c標籤用於頁內框架

在頁面中使用框架可以在同一瀏覽器視窗顯示多個頁面,每一個頁面就可以看作是一個框架,並且該框架獨立於其他框架。接下來在文章中將為大家具體介紹如何使用框架,具有一定的參考作用,希望對大家有所幫助

HTML框架的使用

#【推薦課程:HTML教學

建立框架頁面

#框架可以用04a0d55efbbfd646a993fbc01f262c57c025ed69e2a0a7ecd1b424ce71353652標籤來表示

要注意的是標籤f900b4fc197b16ab214eecf015bb6bd2是可以嵌套使用的,它具有cols和rows屬性,其中cols是用來設定分割左右視窗的高度,rows是用來設定分割上下視窗的高度

範例:

<!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>

效果圖:

HTML框架的使用

#注意:使用f900b4fc197b16ab214eecf015bb6bd2框架時需要將6c04bd5ca3fcae76e30b72ad730ca86d標籤刪除,因為它是個特殊的HTML文件,當不刪除時瀏覽器無任何效果

頁內框架的使用

頁內框架和頁面框架的區別是,頁內框架是一個普通頁面中的一個特殊區域,即普通頁面中含有多個框架通常為表格的單元格,而頁面

框架則是整個頁面就是一個框架。頁內框架可使用d5ba1642137c3f32f4f4493ae923989c標籤

範例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<iframe src="https://www.baidu.com/"></iframe>
</html>

效果圖:

HTML框架的使用

##其中src表示的是指定預載頁面內容

本文參考:https://www.html.cn/doc/html/iframe/

總結:以上就是本篇文章的全部內容了,希望對大家有幫助

以上是HTML框架的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn