html表格從入門大精通詳解.doc_第1頁
html表格從入門大精通詳解.doc_第2頁
html表格從入門大精通詳解.doc_第3頁
html表格從入門大精通詳解.doc_第4頁
html表格從入門大精通詳解.doc_第5頁
已閱讀5頁，還剩1頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

如果你是一名網頁設計人員，如果你的網頁里沒有一個表格，那可以說算不上一個網頁(當然全FLASH作品除外)，表格的重要性就可想而知。幫助我們控制網頁布局、控制內容的顯示等等。使用表格有很多的技巧，你可否知道呢？ 使用表格排版網頁 使用表格排版網頁，可以使你的網頁更美觀，條理更清晰，更易于維護和更新。(將表格的寬設為100%，可以使網頁的兼容性更好) 要盡量細化表格 不要把整個網頁放在一個大的表格里，因為一個大表格里的內容要全部加載完才會顯示，如果整個網頁放在一個表格里，那么你的網頁就只會兩種情況： 1、全部不顯示 2、全部顯示出來 所以建議大家將整個頁面分成幾塊，例如通用的上(放置Logo、Banner、Menu等等)、中(放置頁面內容)、下(放置版權信息等等)，將每一部分由單獨的表格來實現，這樣會好一些。 表格設計實例 創(chuàng)建一個表格，邊框大小設為0(border=0)，間距設為1(cellspacing=1)，背景色設為深色(bgcolor=#000000)，全部選定單無格，并將單無格的背景色設為淺色(如:bgcolor=#FFFFFF)，這樣可以得到一個細線邊框的表格，請看下面的例子： table width=50% border=0 cellspacing=1 bgcolor=#000000 /table 動態(tài)改變表格單元格的顏色 在單元格標記中加入以下代碼，會動態(tài)改變單元格的顏色設置： onMouseOut=”this. bgColor=” onMouseOver=”this.bgColor=” 在行標簽標記中加入上面代碼，會動態(tài)改變一行的顏色設置。 table width=50% border=0 cellspacing=1 bgcolor=#000000 A B C /table 小技巧：效果圖中的凸凹效果，完全是由bordercoloer的顏色來控制的，它的顏色淺一些，有會有凸出的效果，它的顏色深一點，就會有凹陷的效果。 隱藏表格的分隔線/ 在處理表格時有時會有這樣的需求，某幾列、或行的內容屬于同一主題，為了排列整齊將它們放在不同的行上，但是不想讓表格的分隔線顯示出來，有什么辦法嗎，其實很簡單。 隱藏水平分隔線 隱藏豎直分隔線 隱藏全部分隔線 表格內容分行下載 表格內有一些載入較慢的元素(如計數器、大圖片等等)時，往往會延遲整個表格的顯示。這是由IE的顯示特性決定的，只有當表格內所有元素全部載入后，整個表格才得以顯示?！吧嫌姓?，下有對策”，我們可以使用標簽把表格內容拆開

溫馨提示

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

評論

0/150

提交評論