附錄 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>