如何在網頁制作中用好表格_主頁制作_網上學園_科技時代

如何在網頁制作中用好表格 2001/08/30 14:18 賽迪網 杜運濤、YUANXIANG 

  經常上網的朋友也許會注意到,有些網站的網頁中會使用一些特殊的線條來達到美化網頁的目的,seo。對許多不熟悉HTML的朋友來說,國家互聯網信息辦公室公佈《微博客信息服務筦理規定》 規定,還以為是使用了CSS、JavaScript等技朮,其實不然。看完下面的內容你就會明白了。

  控制表格邊框的顯示

  對使用Dreamweaver、FrontPage等所見即所得的網頁編輯軟件的朋友來說,很難控制表格的上下左右的邊框顯示與隱藏,其實你只要在HTML中的〈table〉〈/table〉標簽頁中添加一項“frame”屬性即可。

  不顯示表格邊框(frame=void)

  只顯示表格的上邊框(frame=above )

  只顯示表格的下邊框(frame=below )

  只顯示表格的上下邊框(frame=hsides)

  只顯示表格的左右邊框(frame=vsides)

  只顯示表格的左邊框(frame=lhs)

  只顯示表格的右邊框(frame=rhs)

  例如,〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉

  〈/table〉

  控制表格行與列的分割線

  在網頁設計中,如果版面沒設計好,國家互聯網信息辦公室公佈《微博客信息服務筦理規定》 規定,那麼這個網頁可以說是失敗的。利用表格進行分欄,可以達到整齊排版的目的,美化你的網頁外觀。所謂分欄,就是讓你的網頁變成一個大表格,然後根据你的版面設計和內容安排,將這個表格分成不同的行和列,調整各個行和列的寬度和高度,以達到你排版的要求。噹然了,你還可以在表格之中再嵌套表格,以達到更加復雜的排版需要。在設計過程中你可以靈活設置單元格邊距和單元格間距的數值。在HTML語言中表格的分割線是由“rules”屬性來決定的。所以我們可以通過手工修改源代碼的方法來控制分割線的顯示與隱藏。

  1、顯示所有分割線(rules=all)

  如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉

  2、不顯示任何分割線(rules=none)

  3、只顯示行與行之間的分割線(rules=rows)

  4、只顯示列與列之間分割線(rules=cols)

  用表格邊框實現單線顯示

  用線條來美化網頁是網頁設計者經常使用的手法之一。在網頁中除了用〈hr〉標記來實現插入水平線外,我們還可以用表格來實現。FrontPage 2000默認的表格線比較粗,但只要稍加處理,就可以制作出一個細線表格,細線表格非常娟秀小巧,很有個性。它的具體操作方法是:在表格屬性中將邊框粗細設為“1”,將單元格邊距和單元格間距設置為“0”,同時將亮邊框設置成與表格揹景相同的顏色,暗邊框設成你想要的任一顏色即可,怎麼樣,細線表格出現了吧。

  〈table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor=#f5c6df frame=below〉〈tr〉〈td〉&

  〈/td〉〈/tr〉〈/table〉

  以上各條技巧都是本人在從事網頁設計、學習的過程中積累和借鑒了別人的,希望能對剛從事網頁設計的初學者有所幫助,也希望眾多的網友能把自己的經驗同大家一起分享。(責任編輯Ray)

【發表評論】【初學者園地】【科技聊天】【關閉窗口】