加油吧！少年

今天是2018年11月29號，在小組已經一個多月了。在小組學習到了很多，收穫到了很多。在小組的日子裡每天都過的很充實，還記得在我剛進入大學時，給自己定下了一個又一個的目標，希望自己可以在大學裡能夠有所成績。在學習過程中自己會遇到很多的問題，但自己不想放棄，不想讓自己以後會後悔，我記得在小組面試的時候自己說過一句話：“不嘗試一下，怎能知道自己不可以做到！”自己很慶幸能夠通過小組的面試和筆試，能夠和很多優秀的人一起學習。

這周我學習了關於HTML的一些知識：（1）HTML“計算機輸出”標籤 （2）HTML引文，引用及標籤的定義 （3）怎樣設定HTML連結  （4）HTML元素 （5）知道了怎樣使用樣式屬性做一個沒有下劃線的連結 （6）HTML的內聯樣式以及外部樣式，怎樣設定背景顏色 （7）怎樣做一個HTML表格 （8）HTML區塊，HTML塊級元素、內聯元素。

下面程式碼是我寫的HTML表格的各個形式的寫法：

只寫一列：

<h4>一列：</h4>
        <table border="1">
        <tr>
            <td>
                100
            </td>
        </tr>
        </table>
 

沒有單元格邊距的一行三列：

 <h4>沒有單元格邊距一行三列：</h4>
        <table border="1">
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        </table>

有單元格邊距水平標題三行三列：

 <h4>有單元格邊距水平標題三行三列：</h4>
        <table border="1" cellpadding="10">
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td>400</td>
            <td>500</td>
            <td>600</td>
        </tr>
        </table>
 

 沒有邊框：

 <h1> 沒有邊框：</h1>
        <table>
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
        </table>

垂直標題： 

​
  <h4>垂直標題：</h4>
        <table border="1">
            <tr>
                <th>First</th>
                <td>100</td>
            </tr>
            <tr>
                <th>Scond</th>
                <td>200</td>
            </tr>
        </table>

​

帶有標題的： 

 <h4>帶有標題的：</h4>
        <table border="1">
            <caption>Monthly</caption>
            <tr>
                <td>100</td>
                <td>200</td>
            </tr>
        </table>

 單元格跨兩格：

 <h4>單元格跨兩格：</h4>
        <table border="1">
        <tr>
            <th>Name</th>
            <th colspan="2">TLEPHONE</th>
        </tr>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        </table>

 單元格跨兩列：

  <h4 style="text-align:center;">單元格跨兩列：</h4><!-- 行內元素居中 -->
        <table border="1" style="margin:0 auto;"><!-- 塊級元素居中 -->
        <tr>
            <th>Firs</th>
            <td>100</td>
        </tr>
        <tr>
            <th rowspan="2">scanner</th>
            <td>200</td>
        </tr>
        <tr>
            <td>300</td>
        </tr>
        </table>

 表格內設定標籤：

<h1 style="text-align:center;">表格內的標籤：</h1>
        <table border="1" style="margin:0 auto;">
        <tr>
            <td>
                <p>這是一個段落</p>
            </td>
            <td>這個表格包含一個表格：
                <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                </tr>
                <tr>
                    <td>300</td>
                    <td>400</td>
                </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>這個單元格包含一個列表：
                <ul>
                    <li>aaa</li>
                    <li>bbb</li>
                    <li>ccc</li>
                </ul>
            </td>
            <td>HKKMM</td>
        </tr>
        </table>

 單元格間距的設定：

 <h4>單元格間距=0:</h4>
        <table border="1" cellspacing="0">
        <tr>
            <td>100</td>
            <td>200</td>
        </tr>
        <tr>
            <td>300</td>
            <td>400</td>
        </tr>
        </table>
        <h4>單元格間距=10：</h4>
        <table border="1" cellspacing="10">
        <tr>
            <td>500</td>
            <td>600</td>
        </tr>
        <tr>
            <td>700</td>
            <td>800</td>
        </tr>
        </table>