#2 HTML的架構，表格

標籤：style   blog   http   color   使用   資料   2014   html   

【以下是個人筆記，由於水平有限，因此有錯誤的地方，希望M我。謝謝】

表格|表單|架構
---------------
表格:布局     ----現在很少用到
好處: 適合做簡單的布局
不足: 不利於搜尋引擎搜尋到； 表格要全部下載到本地機才能顯示； 適合做中小型企業網站！

<table border="1" width="200px" cellspacing="10px" cellpadding="10px">    <tr>         <td>1</td>        <td background="imgs\bgground.gif" colspan="2" align="center">2</td>    </tr>    <tr>        <td rowspan="2"><img src="imgs/2.jpg" width="50px" height="50px" /></td>        <td>4</td>        <td>5</td>    </tr>    <tr>        <td>6</td>        <td>7</td>    </tr></table>

注釋：table是表格的意思、tr 是行的意思 、 td 是儲存格

colspan 這個是合并幾個列、rowspan合并行。

還有一個比較少用的，tbody（表主體）/thead（表頭）/tfoot（頁尾），放在Table標籤下

------------------摘自W3C:http://www.w3school.com.cn/tags/tag_tbody.asp--------------------------------

定義和用法

<tbody> 標籤表格主體（本文）。該標籤用於組合 HTML 表格的主體內容。

tbody 元素應該與 thead 和 tfoot 元素結合起來使用。

thead 元素用於對 HTML 表格中的表頭內容進行分組，而 tfoot 元素用於對 HTML 表格中的表注（頁尾）內容進行分組。

注釋：如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有資料前呈現頁尾了。您必須在 table 元素內部使用這些標籤。

提示：在預設情況下這些元素不會影響到表格的布局。不過，您可以使用 CSS 使這些元素改變表格的外觀。

 

DIV+CSS：   ---主要還是用這個(筆記在後面)
好處: 複雜，大型企業網站   
不足:相對錶格難學！                    入門簡單，精通難
-------------------------------
架構 frameset
1. 特點: 有frameset ,就沒有body!

然後再每一個frame裡面指定 HTML的路徑，然後就可以顯示出來。

這裡Frame裡面的屬性 name 設定一下，可以讓HTML的內容顯示到這裡來

<frameset rows="20%,*" frameborder="0">   <!--這裡分成兩行，上面20%的高度，下面為剩下的高度-->　　<frame src="top.html"></frame>         <!--這裡放上HTML的路徑-->　　<frameset cols="20%,*">　　　　　　　　　 <!--把下面的那一部分  在分成左右兩個部分-->　　　　<frame src="left.html"></frame>　　　　<frame src="main.html" name="main"></frame>    <!--設定name屬性，讓 a(超連結)開啟後在這裡顯示-->　　</frameset> </frameset>

把超連結的內容顯示到Frame中

<ol>    <li><a href="tn.html" target="main">我的童年</a></li>    <!--開啟後在屬性 name= main這個frame裡面顯示-->    <li><a href="nv.html" target="_blank">我的女友</a></li></ol>

 

上課DEMO下載：http://yunpan.cn/QC2d5ikGVpqSR  提取碼 5ceb

 

By 2014.07.27 整理

　　今天的筆記還是比較少的，因為上課的時候，有例子發給我們，筆記想對來說比較少，不過那個時候還自己記了一大本的筆記。那個時候有激情去記筆記。後來都是直接用Word來記，回來有時間再整理。

　　筆記一定要記，會讓你加深理解。並且如果回來有整理的話，還會掌握的更牢。