【HTML】【六】表格标签
【HTML】【六】表格标签
一、表格标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格标签</title> <style> * { margin: 0; padding: 0; text-decoration: none; } td { color: red; text-align: center; } </style></head><body> <!-- 表格标签 table 行 tr table rows 列 td table data--> <table border="1px"> <tr> <th>Heading</th> <th>Heading2</th> <th>Heading3</th> <th>Heading4</th> </tr> <!-- 行 table rows --> <tr> <!-- 列 table data --> <!-- colspan 跨列 --> <td colspan="4" align="center">1-1</td> </tr> <tr> <!-- rowspan 跨行 --> <td rowspan="2">2-1</td> <td>2-2</td> <td>2-3</td> <td>2-4</td> </tr> <tr> <td>3-1</td> <td>3-2</td> <td>3-3</td> </tr> </table></body></html>