回覆列表
  • 1 # ccc99992512

    HTML做個簡單的表格。如下參考:

    2、內容可根據要求編寫,示例程式碼如下:

    <table>

    <p>功課表</p>

    <tr>

    <th>語文</th>

    <td>7:00-7:40</td>

    <td>7:50-8:30</td>

    </tr>

    <tr>

    <th>數學</th>

    <td>7:00-7:40</td>

    <td>7:50-8:30</td>

    </tr>

    <tr>

    <th>英文</th>

    <td>7:00-7:40</td>

    <td>7:50-8:30</td>

    </tr>

    </table>

    3、然後在<head></head>中間輸入樣式表的樣式,如下圖:

    4、樣式也可以根據個人需要設定,設定單元格的寬度高度,合併單元格,位置,顏色等,示例程式碼如下:

    <style type="text/css">

    body

    {

    width:340px;

    height:800px;

    }

    table

    {

    border-collapse:collapse;

    }

    th,td

    {

    width:100px;

    height:40px;

    border:1pxsolidblack;

    font-size:12px;

    text-align:center;

    }

    </style>

    5、注意,此程式碼“table的意思是表”的含義是將表邊框合併為單個邊框以合併相鄰的更改。

    6、預覽結果如下圖所示,一個製作簡單的HTML表格。

  • 中秋節和大豐收的關聯?
  • 我們小時候背誦過的國粹經典、膾炙人口的古詩詞為什麼要從教科書中刪除?