HTML5作業表模板源代碼是指一種用于制作作業表的代碼模板,該模板采用HTML5技術,由眾多p標簽和pre標簽組成。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>作業表</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #4CAF50; color: white; } </style> </head> <body> <h1>作業表</h1> <table> <tr> <th>日期</th> <th>作業內容</th> <th>完成情況</th> </tr> <tr> <td>5月10日</td> <td>英語作業</td> <td>已完成</td> </tr> <tr> <td>5月11日</td> <td>數學作業</td> <td>未完成</td> </tr> <tr> <td>5月12日</td> <td>語文作業</td> <td>已完成</td> </tr> <tr> <td>5月13日</td> <td>物理作業</td> <td>已完成</td> </tr> </table> </body> </html>
上述代碼由三個部分組成:head部分,body部分和pre標簽部分。在head部分中,我們定義了該頁面的字符集和標題;在body部分中,我們設置了網頁的主體內容,包括作業表的標題和表格;pre標簽部分則包含了用于制作作業表的代碼。