1. 程式人生 > >html css 知識點

html css 知識點

第一天:

瞄點連結案例:

 <a href="#two">第2集</a><br />  

<h3 id="two">第2集</h3>

base作用       target="_bank"   另起一頁開啟連結  相反的是  target="_self"

<base  target="_blank" />
    <!-- 把所有的連線 都預設新增 target="_blank" -->

<a href="http://www.baidu.com">百度</a>
    <a href="http://www.baidu.com">新浪</a>
    <a href="http://www.baidu.com">搜狐</a>
    <a href="http://www.baidu.com" target="_self">谷歌</a>


 

 

第二天知識點:表格

1:正常   cellspacing 單元格與單元格之間的間距   cellpadding 單元格與內容之間的間距

合併:跨行合併(豎著來):rowspan 跨列合併(橫著來):colspan

<td>是正常, <tr><th></th></tr> 是加粗

<thead></thead>:用於定義表格的頭部。

下面也是重點,常用於迴圈輸出

<thead></thead>:用於定義表格的頭部。

必須位於<table></table> 標籤中,一般包含網頁的logo和導航等頭部資訊。


<tbody></tbody>:用於定義表格的主體。

位於<table></table>標籤中,一般包含網頁中除頭部和底部之外的其他內容。

<table>

       <thead>

                  <tr>

                                <th></th>

                                <th></th>

                  </tr>

       <thead>

      <tbody>

                    <tr>

                            <td></td>

                             <td></td>

                   </tr>

       </tbody>

</table>

 

<table width="500" border="1" align="center" cellspacing="10" cellpadding="10">
        <tr>
            <th>姓名</th>  <td>是正常   <th>是加粗
            <th>1</th>
            <th>2</th>
        </tr>
        <tr>
            <td align="center">33</td>
            <td>33</td>
            <td>2</td>
        </tr>
        <tr>
            <td>55</td>
            <td>55</td>
            <td>55</td>
        </tr>
    </table>

 

<textarea cols="每行中的字元數" rows="顯示的行數">
  文字內容
</textarea>