HTML框架集示例

2021-07-10 21:12:02 字數 1280 閱讀 8144

我們可以通過框架，在乙個瀏覽器視窗中顯示多個頁面。

html框架集的使用十分簡單，我們需要用到如下2個標籤：
frameset主要有以下屬性：

rows屬性用於設定水平框架占原視窗面積。

例如：

將視窗分為兩個橫向框架，第乙個佔100px，第二個佔剩餘部分。


將視窗分為三個橫向框架，第乙個佔橫向20%，第二個30%，第三個50%。


將視窗分為三個橫向框架，第乙個佔100px，第三個佔10%，第二個佔剩餘部分。
cols屬性用於設定垂直框架占原視窗面積。

用法同rows。



frame testtitle>


head>


rows="40%, 60%"


noresize="noresize"


bordercolor="gray">


src="">


cols="50%, 50%"


noresize="noresize"


bordercolor="gray"


border=1>


src="">


src="">


frameset>


frameset>


html>
顯示如下:

首先建立frameset.html：

frameset.html



framesettitle>


head>


cols="10%, 90%"


noresize="noresize"


bordercolor="gray"


border=1>


src="frame_index.html"


name="index">


src=""


name="content">


frameset>


html>
其中第乙個框架的src指向下面的導航頁面index.html，中target指定頁面顯示在name=content的框架中，也就是我們第二個frame。

預覽：

HTML框架集與框架知識

標籤告知瀏覽器這個網頁是個框架集頁面，只是將瀏覽器視窗如何被分割成多個區域。它包含分割而成的多個區域及框架，而每個框架負責顯示乙個頁面 乙個簡單的框架，將瀏覽器垂直分割成兩個頁面的例子 瀏覽器不支援框架集時，將看到這樣的頁面 框架集可以巢狀使用 浮動框架iframe 浮動框架應用於body標籤中 超...

html 框架 內聯框架

框架的作用 可以在瀏覽器同時顯示不止乙個html頁面。乙個html文件也叫做乙個框架。垂直框架 設定視窗垂直排列顯示成一行 水平框架 設定視窗水平顯示為多行，將cols改為rows即可。noresize noresize 使得框架無法縮放 框架是可以巢狀 frame和body不能一起使用，但和bod...

HTML示例與總結

1.html基本框架 檔案開始.放置網頁要顯示的內容 檔案結束2.常用html標記 1 文字標題分為6個級別h1到h6字型逐級減小 2 段落 在html網頁中用 段落的內容 3 對齊 a 段落居中 頭 尾ii 頭 尾 4 滾動 5 符號 換行符 6 列表 a 無序列表 b 有序列表 列表項.列表項....