bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

學(xué)習(xí)如何創(chuàng)建框架

框架已經(jīng)存在很長(zhǎng)時(shí)間了,每個(gè)已知的瀏覽器都支持。雖然有些人認(rèn)為它們很煩人,設(shè)計(jì)得很好,但在瀏覽網(wǎng)站時(shí),框架可能非常有用。在本教程中,我們將討論如何實(shí)現(xiàn)框架,并完成如何創(chuàng)建無邊框框架,以及如何創(chuàng)建將內(nèi)容加載到另一個(gè)框架的鏈接。

創(chuàng)新互聯(lián)建站是一家專注于做網(wǎng)站、網(wǎng)站建設(shè)與策劃設(shè)計(jì),沙坡頭網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:沙坡頭等地區(qū)。沙坡頭做網(wǎng)站價(jià)格咨詢:13518219792

創(chuàng)建框架所需要知道的一切

所有幀都使用<frameset>標(biāo)記創(chuàng)建。這基本上構(gòu)成了“主”頁面,它將“包含”用戶實(shí)際看到的頁面。帶有<frameset>標(biāo)記的“master”頁面將替換<body>標(biāo)記,這意味著您不要在此母版頁內(nèi)的任何位置使用<body>標(biāo)記。這個(gè)母版頁配有“放入”其中的各個(gè)頁面。好的,讓我們來看看這是如何完成的:以下示例創(chuàng)建一個(gè)包含兩個(gè)框架的頁面:

//母版頁
<HTML>
<HEAD>
<title>我的例子</ title>
</ HEAD><frameset cols =“30%,50%”><frame src =“page1.htm”>
<frame src =“page2.htm”></ frameset> </ html>

Page1.htm和Page2.htm作為“普通”html頁面單獨(dú)創(chuàng)建,并包含在此母版頁中。我們使用關(guān)鍵字“cols”來表示我們要定義列框架。要改為創(chuàng)建行,只需使用關(guān)鍵字“rows”:

<html> <frameset rows =“50%,50%”><frame src =“page1.htm”>
<frame src =“page2.htm”></ frameset> </ html>

在這兩個(gè)例子中,我們使用百分比作為寬度測(cè)量。您也可以謹(jǐn)慎使用像素,但是:

<html> <frameset cols =“100,200,340”><frame src =“page1.htm”>
<frame src =“page2.htm”>
<frame src =“page3.htm”></ frameset> </ html>

如果您將總寬度(100 + 200 + 340 = 640)相加,這將等于分辨率為640 * 480的屏幕寬度。大多數(shù)14'屏幕都設(shè)置為這樣,但人們?nèi)绾问褂茫?00 * 600)的屏幕分辨率?如果它們出現(xiàn),您的框架頁面將如何顯示?好吧,瀏覽器別無選擇,只能將寬度拉伸到640以上,以適應(yīng)這個(gè)更大的屏幕。(根據(jù)用戶的屏幕分辨率,使用百分比定義的所有幀都將被拉伸,(或縮小)。這可能會(huì)給開發(fā)人員帶來麻煩,因?yàn)槟肋h(yuǎn)不知道如何顯示幀。這是否意味著你永遠(yuǎn)不應(yīng)該使用像素?絕對(duì)不。讓我們看看我們?nèi)绾慰朔@個(gè)問題:

<HTML>
<frameset cols =“100,200,* ”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
<frame src =“page3.htm”>
</ FRAMESET>
</ HTML>

我們使用了一個(gè)特殊的關(guān)鍵字“*”,這意味著未定義。通過使用它,如果需要,只有這部分將被拉伸。另外兩個(gè),100和200,不會(huì)被無意中拉長(zhǎng)。這樣,您可以在右側(cè)框架上保留所有頁面的布局,這些布局不希望在左側(cè)兩個(gè)框架上拉伸,也可以使用它。

創(chuàng)建復(fù)雜的框架:

到目前為止,我們只創(chuàng)建了簡(jiǎn)單的所有列或所有行,幀。現(xiàn)在讓我們繼續(xù)前進(jìn)到兩者,我們呢?

定義具有列和行的幀的關(guān)鍵是在主頁中放置多對(duì)<frameset> </ frameset>標(biāo)記,每對(duì)包含“cols”或“rows”聲明。這可能會(huì)有點(diǎn)棘手,所以我將嘗試使用多個(gè)示例進(jìn)行解釋。讓我們開始切片

<HTML>
<frameset cols =“50%,50%”> <frameset rows =“50%,50%”> <frame src =“page1.htm”>
<frame src =“page2.htm”>
</ frameset>  <frame src =“page3.htm”>
</ FRAMESET>
</ HTML>

好的,到底是怎么回事?首先,在藍(lán)色中,我們定義了兩列。然后,對(duì)于第一列,我們將更多切成兩行。正如您所看到的,行和列“chunk”都以</ frameset>標(biāo)記結(jié)尾,準(zhǔn)確地說是兩個(gè)。就像我說的那樣,我們通過定義cols =“50%,50%”開始了“框架”。讓我們看看如果我們首先定義行而不是反過來會(huì)發(fā)生什么:

//母版頁
<HTML>
<frameset rows =“50%,50%”>
<frameset cols =“50%,50%”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET>
<frame src =“page3.htm”>
</ FRAMESET>
</ HTML>

如您所見,完全不同的結(jié)果!困惑?這是一個(gè)值得記住的好規(guī)則:無論何時(shí)切割一個(gè)框架,無論是切割成一列還是一行,切片都會(huì)切片,直到它碰到“墻”。

復(fù)雜框架分步示例:

讓我們充分利用上述規(guī)則。記住這條規(guī)則可以省去很多麻煩。好吧,假設(shè)我們想要?jiǎng)?chuàng)建一個(gè)這樣的框架:








這可能看起來勢(shì)不可擋,但如果你把壽司規(guī)則牢牢地放在腦海中,那你就沒事了。我們?cè)撛趺醋瞿兀繌男虚_始?列?好吧,首先取出我們的刀,并記住,這把刀將繼續(xù)切片,直到它撞到“墻”。如果我們從行開始,我們會(huì)有這樣的事情:



這把壽司刀一直切割直到遇到障礙物,在這種情況下,是頁面的邊緣。如您所見,從使用行開始將無法實(shí)現(xiàn)我們期望的目標(biāo)。

好吧,讓我們從列開始:

<HTML>
<FRAMESET
COLS = “33%,17%,17%,17%,17%”>
</ FRAMESET>
</ HTML>

到現(xiàn)在為止還挺好。現(xiàn)在我們需要將第一列拆分為兩行。請(qǐng)記住,這把瑞士刀不是很鋒利,所以它不會(huì)穿過第一列的墻壁。

<HTML>
<FRAMESET
COLS = “33%,17%,17%,17%,17%”><frameset rows =“50%,50%”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET></ FRAMESET>
</ HTML>

如您所見,“行”部分嵌套在“cols”部分中,因?yàn)樾惺橇新暶鞯摹白硬糠帧薄?/p>

讓我們繼續(xù)我們的壽司切碎,好嗎?

<HTML>
<FRAMESET
cols =“33%,17%,17%,17%,17%”>  <frameset rows =“50%,50%”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET><frame src =“page3.htm”>
<frame src =“page4.htm”></ FRAMESET>
</ HTML>

最后:

<HTML>
<FRAMESET
cols =“33%,17%,17%,17%,17%”>  <frameset rows =“50%,50%”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET>
<frame src =“page3.htm”>
<frame src =“page4.htm”><frameset rows =“50%,50%”>
<frame src =“5.htm”>
<frame src =“6.htm”>
</ FRAMESET><frame src =“7.htm”></ FRAMESET>
</ HTML>

我知道這可能非常令人困惑,但是通過自己玩它來學(xué)習(xí)它的最佳方式...所以打開你的編輯器,嘗試一下!好吧,我們已經(jīng)了解了框架的整體結(jié)構(gòu) - 讓我們繼續(xù)看看我們可以添加到框架中的一些屬性,并掌握從一個(gè)框架到另一個(gè)框架的鏈接和加載內(nèi)容的藝術(shù)。

名稱欄目:學(xué)習(xí)如何創(chuàng)建框架
文章位置:http://vcdvsql.cn/article34/pdsgse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)用戶體驗(yàn)App設(shè)計(jì)服務(wù)器托管微信小程序面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司