前端第四期vip基礎(chǔ)-andy老師06html布局框架_第1頁
前端第四期vip基礎(chǔ)-andy老師06html布局框架_第2頁
前端第四期vip基礎(chǔ)-andy老師06html布局框架_第3頁
前端第四期vip基礎(chǔ)-andy老師06html布局框架_第4頁
前端第四期vip基礎(chǔ)-andy老師06html布局框架_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

付費下載

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

實戰(zhàn)化教學第一品牌Web前端零基礎(chǔ)入門到實戰(zhàn)北京尚學堂-Andy老師QQ：2682809808

HTML布局網(wǎng)頁是網(wǎng)站構(gòu)成的基本元素，色彩的搭配、文字的變化、圖片的處理等都會影響到一個網(wǎng)站是否合格。那么這就需要學習布局。網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等。大多數(shù)網(wǎng)站使用<div>或者<table>（現(xiàn)在多采用div+css）元素來創(chuàng)建多列。CSS用于對元素進行定位，修飾頁面外觀。HTML布局div元素是用于分組HTML元素的塊級元素。HTMLtable標簽可以來設(shè)計出漂亮的布局，但table標簽是不建議作為布局工具使用的-表格不是布局工具。當然，我們后續(xù)會要學習HTML5的網(wǎng)站布局HTML框架標簽--frameset通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，并且每個框架都獨立于其他的框架。不能將<body></body>標簽與<frameset></frameset>標簽同時使用，否則不能正確顯示！不過，假如你添加包含一段文本的<noframes>標簽，就必須將這段文字嵌套于<body></body>標簽內(nèi)。（在下面的第一個實例中，可以查看它是如何實現(xiàn)的。） <noframes><body>本瀏覽器不支持HTML框架</body></noframes>HTML框架標簽--frameset1.<iframe>標簽：iframe是個內(nèi)聯(lián)框架，是在頁面里生成個內(nèi)部框架。

格式：<iframe></iframe>

2.<frameset>標簽：frameset定義一個框架集，包含多個子框架，每個框架都有獨立的文檔。

格式：<frameset></frameset>3.<frame/><framesrc=1.html/>：子框架另外，一些老的瀏覽器不支持框架標簽。HTML框架--framesetrows表示子框架按行(row)的樣式布局，例如rows=“210,*,10%”，表示頁面分為上中下三個框架頁，上邊的框架占用210px，下邊的框架占用整個文檔的10%，余下的空間為中間的框架占用。*是一個相對的概念，例如Row=*，表示頁面中沒有上下結(jié)構(gòu)的框架布局。clos設(shè)置同rows。frameborder屬性用于定義iframe表示是否顯示邊框。HTML框架--framesetFrameset與Frame的區(qū)別<Frameset></Frameset>用來劃分框架，每一個框架由<Frame/>標記。<Frame/>必須在<Frameset></Frameset>之內(nèi)使用Frame與Iframe的區(qū)別Frame與Iframe兩者可以實現(xiàn)的功能基本相同，不過Iframe標記又叫浮動幀標記，可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和Frame標記的最大區(qū)別是在網(wǎng)頁中嵌入的<Iframe></Iframe>所包含的內(nèi)容與整個頁面是一個整體，而<Frame></Frame>所包含的內(nèi)容是一個獨立的個體，是可以獨立顯示的。另外，應用Iframe還可以在同一個頁面中多次顯示同一內(nèi)容，而不必重復這段內(nèi)容的代碼。HTML框架的應用<1>垂直框架；

<2>水平框架；

<3>混合框架結(jié)構(gòu);

<4>導航框架；

<5>內(nèi)聯(lián)框架;HTML框架使用框架的壞處：開發(fā)人員必須同時跟蹤更多的HTML文檔；很難打印整張頁面以后的HTML5版本將不支持frameset，但仍然支持ifr

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論