附錄 B: 為您的動態HTML行事曆撰寫程式碼

    <div class= "syllabus">

    <table style="width: 100%">
            <col width="10%">
            <col width="15%">
            <col width="10%">
            <col width="30%">
            <col width="10%">
            <col width="15%">
            <col width="10%">

    <!-- Headings -->
             <thead>
                    <td class="day"> Wk of </td>
                    <td class="topic"> Topic </td>
                    <td class="reading"> Read </td>
                    <td class="video"> Lecture Sequence </td>
                    <td class="slides"> Slides </td>
                    <td class="assignment"> HW/Q </td>
                    <td class="due"> Due </td>
            </thead>

    <!-- Week 1 Row 1 -->
             <tr class="first">
                    <td class="day">10/22</td>
                    <td class="topic">Topic 1</td>
                    <td class="reading">Ch. 1</td>
                    <td class="video"><a href="#">L1: Title</a></td>
                    <td class="slides"><a href="#">L1</a></td>
                    <td class="assignment"><a href="#">HW 1</a></td>
                    <td class="due">11/04</td>
            </tr>

    <!-- Week 1 Row 2 -->
            <tr>
                    <td class="day"> </td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><a href="#">L2: Title</a></td>
                    <td class="slides"><a href="#">L2</a></td>
                    <td class="assignment">     </td>
                     <td class="due">      </td>
            </tr>

             <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 2 Row 1 -->
             <tr>
                    <td class="day">10/29</td>
                    <td class="topic">Topic 2</td>
                    <td class="reading">Ch. 2</td>
                    <td class="video"> <a href="#">L3: Title<a></td>
                     <td class="slides"><a href="#">L3</a></td>
                    <td class="assignment"><a href="#">Quiz 1</a></td>
                    <td class="due">11/11</td>
             </tr>

    <!-- Week 2 Row 2 -->
            <tr>
                    <td class="day"></td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><a href="#">L4: Title</a></td>
                    <td class="slides"><a href="#">L4</a> </td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 3 Row 1 -->
            <tr>
                    <td class="day">11/05</td>
                    <td class="topic">Topic 3</td>
                    <td class="reading">Ch. 3</td>
                    <td class="video"><a href="#">L5: Title</a></td>
                    <td class="slides"><a href="#">L5 </a></td>
                    <td class="assignment"><a href="#">HW 2</a></td>
                    <td class="due">11/18 </td>
            </tr>

    <!-- Week 3 Row 2 -->
            <tr>
                    <td class="day"> </td>
                    <td class="topic"> </td>
                    <td class="reading"></td>
                    <td class="video"><a href="#">L6: Title</a></td>
                    <td class="slides"><a href="#">L6 </a></td>
                    <td class="video"></td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 4 Row 1 -->
            <tr>
                    <td class="day">11/12</td>
                    <td class="topic">Topic 4</td>
                    <td class="reading">Ch. 4</td>
                    <td class="video"><!--<a href="#">L7: Title</a>--> L7: Title</td>
                    <td class="slides"><!--<a href="#">L7</a>-->L7</td>
                    <td class="assignment"><!--<a href="#">Quiz 2</a>-->Quiz 2</td>
                    <td class="due"> 11/25 </td>
            </tr>

    <!-- Week 4 Row 2 -->
            <tr>
                    <td class="day"></td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><!--<a href="#">L8: Title</a>-->L8: Title</td>
                    <td class="slides"><!--<a href="#">L8</a>-->L8</td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 5 Row 1 -->
            <tr>
                    <td class="day">11/19</td>
                    <td class="topic">Topic 5</td>
                    <td class="reading">Ch. 5</td>
                    <td class="video"><!--<a href="#">L9: Title</a>-->L9: Title</td>
                    <td class="slides"><!--<a href="#">L9</a>-->L9</td>
<                   td class="assignment"><!--<a href="#">HW 3</a>-->HW 3</td>
                    <td class="due"> 12/02 </td>
            </tr>

    <!-- Week 5 Row 2 -->
            <tr>
                    <td class="day"></td>
                    <td class="topic"></td>
                    <td class="reading"></td>
                    <td class="video"><!--<a href="#">L10: Title</a>-->L10: Title</td>
                    <td class="slides"><!--<a href="#">L10</a>-->L10 </td>
                    <td class="assignment"></td>
                    <td class="due"></td>
            </tr>
            <tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>

    <!-- Week 6 Row 1 -->
            <tr>
                    <td class="day">11/26</td>
                    <td class="topic">Topic 6</td>
                    <td class="reading">Ch. 6</td>
                    <td class="video"><!--<a href="#"><L11: Title</a>-->L11: Title </td>
                    <td class="slides"><!--<a href="#">L11</a>-->L11</td>
                    <td class="assignment"><!--<a href="#">HW 4</a>-->HW 4</td>
                    <td class="due">12/09</td>
            </tr>

    <!-- Week 6 Row 2 -->
            <tr>
                    <td class="day"> </td>
                    <td class="topic"> </td>
                    <td class="reading"></td>
                    <td class="video"><!--<a href="#">L12: Title</a>-->L12: Title</td>
                    <td class="slides"><!--<a href="#">L12</a>-->L12</td>
                    <td class="assignment"></td>
                    <td class="due">      </td>
            </tr>

    </table>
    </div>