我的開發經歷

執著yj發表於2017-04-09

      每天都是一個新的開始，生活在於每天給自己定一個小的目標，這樣一天天的積累知識才能促使自己的進步與提升！

         4.9目標：溫習<table>表格標籤的結構及其屬性和方法

                      

                        table表單標籤中包含<tr>行標籤和<td>列標籤

                             設定行列中字型的對齊方式：

                                   <td align="對齊方式屬性">

                                                     left：左對齊

                                                      right：右對齊

                                                      center：居中

                             屬性包含：

                                 colspan實現跨列的屬性；

                                 rowspan實現跨行的屬性；

                                 border新增邊框線屬性；


例子：

<html>
<head>
  <title>table表單溫習</title>
</head>
    <body>
          <p>2015安卓衛生安排表<p>
        <table border style="border-color:red;width:500px;height:50px;">
           <tr>
                  <td align="center">星期一</td>
                  <td align="center">星期二</td>
                  <td align="center">星期三</td>
                  <td align="center">星期四</td>
                  <td align="center">星期五</td>
                  <td align="center">星期六</td>
                  <td align="center">星期天</td>
           </tr>
           <tr>
                 <td align="center">李繼龍</td>
                 <td align="center">李惠利</td>
                 <td align="center">張麗娟</td>
                 <td align="center">劉星</td>
                 <td align="center">徐恆</td>
                 <td align="center">耀眼</td>
                 <td align="center">潘森</td>
           </tr>
        <table>
    </body>
</html>

                      

                                              這是一個使用table表格標籤做的一個普通的衛生安排表，但其中就包含了border新增邊框線的屬性，align="center"設定表格中字型對其方式的屬性，還有border-color:red;設定表格內字型顏色

                                 在table表格中設定表格的樣式：

                                          border-collapse:collapse;  (設定邊框線為單條)

例子：

<html>
<head>
  <title>table表單溫習</title>
</head>
    <body>
          <p>2015安卓衛生安排表<p>
        <table border style="border-color:red;width:500px;height:50px;border-collapse:collapse">
           <tr>
                  <td align="center">星期一</td>
                  <td align="center">星期二</td>
                  <td align="center">星期三</td>
                  <td align="center">星期四</td>
                  <td align="center">星期五</td>
                  <td align="center">星期六</td>
                  <td align="center">星期天</td>
           </tr>
           <tr>
                 <td align="center">李繼龍</td>
                 <td align="center">李惠利</td>
                 <td align="center">張麗娟</td>
                 <td align="center">劉星</td>
                 <td align="center">徐恆</td>
                 <td align="center">耀眼</td>
                 <td align="center">潘森</td>
           </tr>
        <table>
    </body>
</html>                              

 

相關文章