表格的構成,屬性,合併(一)
阿新 • • 發佈:2018-12-03
表格
學習要點:
1、表格的基本構成
2、表格的屬性
3、表格的合併。
知識點
效果
程式碼:<caption>定義標題。<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <div class="a" style="color: red">型別1</div> <table border="3"> <tr><th>標題一</th><th>標題一</th><th>標題一</th></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> </table> <div class="a" style="color: red">型別2</div> <table border="1"> <tr><th colspan="3">標題一</th></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> </table> <div class="a" style="color: red">型別3</div> <table border="1"> <tr><th>標題一</th><th>標題一</th><th>標題一</th></tr> <tr><td rowspan="2">王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> </table> <div class="a" style="color: red">型別4</div> <table border="1"> <caption>單元格</caption> <tr><th>標題一</th><th>標題一</th><th>標題一</th></tr> <tr><td rowspan="2">王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td></tr> <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr> </table> </body> </html>