您好,登錄后才能下訂單哦!
通過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架,并且每個框架都獨立于其他的框架。
使用框架的壞處:
開發人員必須同時跟蹤更多的HTML文檔
很難打印整張頁面
框架結構標簽(<frameset>)
框架結構標簽(<frameset>)定義如何將窗口分割為框架
每個 frameset 定義了一系列行或列
rows/columns 的值規定了每行或每列占據屏幕的面積
Frame 標簽定義了放置在每個框架中的 HTML 文檔。
在下面的這個例子中,我們設置了一個兩列的框架集。第一列被設置為占據瀏覽器窗口的 25%。第二列被設置為占據瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個列中,而 HTML 文檔 "frame_b.htm" 被置于第二個列中
假如一個框架有可見邊框,用戶可以拖動邊框來改變它的大小。為了避免這種情況發生,可以在 <frame> 標簽中加入:noresize="noresize"。
為不支持框架的瀏覽器添加 <noframes> 標簽。
重要提示:不能將 <body></body> 標簽與 <frameset></frameset> 標簽同時使用!不過,假如你添加包含一段文本的 <noframes> 標簽,就必須將這段文字嵌套于 <body></body> 標簽內。(在下面的第一個實例中,可以查看它是如何實現的。)
簡單的框架嵌套:三個框架都可拖動邊框修改大小
<html> <frameset rows="50%,50%"> <frame src="1.html"> <frameset cols="25%,75%"> <frame src="2.html"> <frame src="3.html"> </frameset> </frameset> </html>
<html> <frameset cols="50%,*,25%"> <!-- 加入noresize后標記的框架無法拖動邊框來修改大小 --> <frame src="1.html" noresize="noresize" /> <frame src="2.html" /> <frame src="3.html" /> </frameset> </html>
內聯框架
<iframe src="URL"></iframe>
URL 指向隔離頁面的位置。
height 和 width 屬性用于規定 iframe 的高度和寬度。
屬性值的默認單位是像素,但也可以用百分比來設定(比如 "80%")。
frameborder 屬性規定是否顯示 iframe 周圍的邊框。
設置屬性值為 "0" 就可以移除邊框:
iframe 可用作鏈接的目標(target)。
鏈接的 target 屬性必須引用 iframe 的 name 屬性:
<html> <body> <!-- 設置內聯框架的指向為1.html 名字是test --> <iframe src="1.html" name="test"></iframe> <!-- 添加的鏈接名稱為Baidu,鏈接內聯網頁test,地址為Baidu網址 , 點擊后在內聯框架中跳至Baidu --> <p><a >Baidu</a></p> <p><b>注釋:</b>由于鏈接的目標匹配 iframe 的名稱,所以鏈接會在 iframe 中打開。</p> </body> </html>
<body> 擁有兩個配置背景的標簽。背景可以是顏色或者圖像。
背景顏色屬性將背景設置為某種顏色。屬性值可以是十六進制數、RGB 值或顏色名。
背景屬性將背景設置為圖像。屬性值為圖像的URL。如果圖像尺寸小于瀏覽器窗口,那么圖像將在整個瀏覽器窗口進行復制。
<body background="clouds.gif"> <body background="https://cache.yisu.com/upload/information/20200312/65/247494.jpg">
URL可以是相對地址,如第一行代碼。也可以使絕對地址,如第二行代碼。
提示:如果你打算使用背景圖片,你需要緊記一下幾點:
背景圖像是否增加了頁面的加載時間。小貼士:圖像文件不應超過 10k。
背景圖像是否與頁面中的其他圖象搭配良好。
背景圖像是否與頁面中的文字顏色搭配良好。
圖像在頁面中平鋪后,看上去還可以嗎?
對文字的注意力被背景圖像喧賓奪主了嗎?
<body> 標簽中的背景顏色(bgcolor)、背景(background)和文本(text)屬性在最新的 HTML 標準(HTML4 和 XHTML)中已被廢棄。W3C 在他們的推薦標準中已刪除這些屬性。
應該使用層疊樣式表(CSS)來定義 HTML 元素的布局和顯示屬性。
顏色由紅色、綠色、藍色混合而成。
顏色由一個十六進制符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB)。
每種顏色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。
大多數的瀏覽器都支持顏色名集合。
提示:僅僅有 16 種顏色名被 W3C 的 HTML4.0 標準所支持。它們是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。
如果需要使用其它的顏色,需要使用十六進制的顏色值。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。