通過(guò)代碼實(shí)例跟我學(xué)j2eeweb組件相關(guān)技術(shù)——html標(biāo)簽的相關(guān)的教學(xué)示例第4部分-資料下載頁(yè)
2024-11-14 07:42本頁(yè)面
【導(dǎo)讀】<ahref="#">設(shè)為首頁(yè)</a>|<ahref="#">收藏</a>|<ahref="#">博客</a>|. 更多和更吸引人的內(nèi)容才能留住用戶，這比高效更符合用戶需求。而導(dǎo)航頁(yè)面這需要提供用。戶更快捷的方式，交互頁(yè)面比較復(fù)雜，既需要沉浸的氛圍，又有高效操作的環(huán)境。
【正文】 內(nèi)容 ，產(chǎn)生出類(lèi)似電視節(jié)目中的“畫(huà)中畫(huà)”的顯示效果，但 iframe標(biāo)簽是非 W3C 標(biāo)準(zhǔn) 的標(biāo)簽。 （ 1）示例一 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb18030 / title這是主窗口（頂級(jí)）的頁(yè)面 /title /head frameset cols=100,* frameborder=yes border=1 framespacing=0 frame src= scrolling=auto noresize=noresize id=leftFrame / frame src= scrolling=auto noresize=noresize id=leftFrame / /frameset /html （ 2）示例二 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 17/20 頁(yè) 17 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb18030 / title這是主窗口（頂級(jí)）的頁(yè)面 /title /head frameset rows=60,* frameborder=yes border=1 framespacing=0 frame src= scrolling=auto noresize=noresize id=leftFrame / frameset cols=100,* frameborder=yes border=1 framespacing=0 frame src= scrolling=auto noresize=noresize id=leftFrame / frame src= scrolling=auto noresize=noresize id=leftFrame / /frameset /frameset /html 1對(duì) frameset和 frame進(jìn)行屬性設(shè)置 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 18/20 頁(yè) 18 （ 1） frameset標(biāo)簽中的常用的屬性項(xiàng)目 frameset rows=* cols=80,* frameborder=yes border=1 framespacing=0 推薦采用下面的屬性設(shè)置 frameset cols=80,* frameborder=no border=0 framespacing=0 （ 2） frame 標(biāo)簽中的常用的屬性項(xiàng)目 frame src= scrolling=auto noresize=noresize id=topFrame / 推薦的設(shè)置結(jié)果示例： frameset cols=80,* frameborder=no border=1 framespacing=0 frame scrolling=no noresize=noresize src= / frameset rows=80,* frame src= noresize=noresize / frame src= noresize=noresize / /frameset /frameset 利用 iframe標(biāo)簽實(shí)現(xiàn)內(nèi)聯(lián)框架 （ 1） 內(nèi)聯(lián)框架 又叫浮動(dòng)幀標(biāo)記 可以利用 iframe標(biāo)簽將一個(gè) HTML 文檔嵌入在另一個(gè) HTML 頁(yè)面文檔中顯示 ，它與frame標(biāo)簽最大的不同點(diǎn)在于它所引用的 HTML 文檔文件的內(nèi)容不是與另外的 HTML 文檔文件的內(nèi)容相互獨(dú)立顯示，而是可以直接嵌入在一個(gè) HTML 文檔文件中，與這個(gè) HTML 文檔文件的 內(nèi)容相互融合，成為一個(gè)整體 ； 另外，還可以多次在多個(gè)不同的頁(yè)面內(nèi)顯示同一 內(nèi)容，但不必重復(fù)編寫(xiě)對(duì)應(yīng)的 HTML 標(biāo)簽內(nèi)容，最終產(chǎn)生出“畫(huà)中畫(huà)”的電視效果。 （ 2） iframe標(biāo)簽的主要屬性及含義 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/20 頁(yè) 19 1) src：文件的 URL 路徑，既可是客戶端的 HTML 文件，也可以是服務(wù)器端的 JSP、 ASP或者 等文件。 2) width、 height： 內(nèi)聯(lián)框架 區(qū)域的寬與高，取值像素或百分比。 3) scrolling：當(dāng)由 src 屬性所指定的頁(yè)面文件的內(nèi)容在指定的 內(nèi)聯(lián)框架 區(qū)域內(nèi)不能完全顯示時(shí)，將由該滾動(dòng)條選項(xiàng)控制內(nèi)容的顯示，如果將該 scrolling 屬性設(shè)置為 no，則不出現(xiàn)滾動(dòng)條；如設(shè)置為 auto：當(dāng) 需要時(shí)再顯示出滾動(dòng)條；如設(shè)置為 yes，則顯示出滾動(dòng)條。 4) frameborder： 內(nèi)聯(lián)框架 區(qū)域邊框的寬度，為了讓 內(nèi)聯(lián)框架 與鄰近的內(nèi)容相融合， 常設(shè)置為 0（不顯示邊框），缺省值為 1（在每個(gè)頁(yè)面之間都顯示邊框）。 5) name：定義該 內(nèi)聯(lián)框架的標(biāo)簽的 名稱，此名稱在動(dòng)態(tài)控制的腳本中將被應(yīng)用。 6) marginwidth：定義了 內(nèi)聯(lián)框架 中 HTML 文件顯示的左右邊界的寬度，取值為 px，缺省值由瀏覽器決定。 7) marginheight：定義了 內(nèi)聯(lián)框架 中 HTML 文件顯示的上下邊界的寬度，取值為 px，缺省值也由瀏覽器決定。 8) align：垂直或水平對(duì)齊方式。 iframe標(biāo)簽的應(yīng)用示例 （ 1）內(nèi)聯(lián)框架內(nèi)的頁(yè)面內(nèi)容示例（文件名稱為 ） html head title內(nèi)聯(lián)框架內(nèi)的頁(yè)面內(nèi)容示例 /title /head body b這是內(nèi)聯(lián)框架內(nèi)的頁(yè)面內(nèi)容 /b /body /html （ 2）使用內(nèi)聯(lián)框架的上層頁(yè)面示例（）文件名稱為 html head title使用內(nèi)聯(lián)框架的上層頁(yè)面示例 /title /head body iframe src= width=400 height=70 scrolling=auto frameborder=0 align=left 本系統(tǒng)使用了內(nèi)聯(lián)框架技術(shù)，但你的瀏覽器不支持內(nèi)聯(lián)框架，請(qǐng)升級(jí)你的瀏覽器楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 20/20 頁(yè) 20 以便能夠正常訪問(wèn)本頁(yè)面。 /iframe br / i 使用內(nèi)聯(lián)框架的上層頁(yè)面內(nèi)容 /i /body /html （ 3）預(yù)覽測(cè)試的效果
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1