HTML ???
???? ?? ?????? ?? ???, ??????? ??? ???? ??????
<table> ??? HTML ???? ?????.
??? HTML ???? table ??? ?? ??? tr, th ?? td ??? ?????.
tr ??? ??? ?, ?? ??? ??? ??? ???? td ??? ??? ?? ?????.
?? ??? ??? ??? ?????
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <table border="1" cellspacing="0" cellpadding="10"> <tr> <td>1月份</td> <td>￥100</td> </tr> <tr> <td>二月份</td> <td>￥200</td> </tr> </table> </body> </html>???? ?? ??:
cellspacing, ? ??? ??
cellpadding, ? ??? ?? ???? ? ???? ?? ?????.
border ???? ??? ?? ???? border=0?? ???? ???? ???? ???? ????.
?? ? ?? ?? ?? ??????? ?? ??? ?? ?? ??? ? ????.HTML ??? ??
???? ??? <th> ??? ???? ?????. ???? ????? ??? ?? ?? ???? ?????.?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <table border="1" cellspacing="0" cellpadding="10"> <th>月份</th> <th>金額</th> <tr> <td>1月份</td> <td>￥100</td> </tr> <tr> <td>二月份</td> <td>￥200</td> </tr> </table> </body> </html>
???? ?? ?? :
colspan ? rowspan
<td> ??? colspan ? rowspan ??? ???? ?? ??? ? ????. ?? ? ??
????
?? ?<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <table border="1" cellspacing="0" cellpadding="20"> <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> </body> </html>???? ?? ??:
?? ?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <table border="1" cellspacing="0" cellpadding="20"> <tr> <td colspan="2">單元格</td> <td>單元格</td> </tr> <tr> <td rowspan="2">單元格</td> <td>單元格</td> <td rowspan="2">單元格</td> </tr> <tr> <td>單元格</td> </tr> </table> </body> </html>
?? ?? ??? ?????.
??? ?????
? ?? ?? ????
? ?? ???? ?? ???? ?????.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h4>這個(gè)表格沒(méi)有邊框:</h4> <table> <tr> <td>200</td> <td>300</td> </tr> <tr> <td>500</td> <td>600</td> </tr> </table> <h4>這個(gè)表格沒(méi)有邊框:</h4> <table border="0"> <tr> <td>200</td> <td>300</td> </tr> <tr> <td>500</td> <td>600</td> </tr> </table> </body> </html>
???? ?? ??:
?
? ? ??? ?? ?? ??? ???? ??? ?????.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <table border="1"> <tr> <td> <p>這是一個(gè)段落</p> <p>這是另一個(gè)段落</p> </td> <td>這個(gè)單元格包含一個(gè)表格: <table border="1"> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>C</td> <td>D</td> </tr> </table> </td> </tr> <tr> <td>這個(gè)單元格包含一個(gè)列表 <ul> <li>apples</li> <li>bananas</li> <li>pineapples</li> </ul> </td> <td>HELLO</td> </tr> </table> </body> </html>
?? ?? ??:
HTML ??? ??
| 標(biāo)簽 | 描述 |
| <table> | 定義表格 |
| <th> | 定義表格的表頭 |
| <tr> | 定義表格的行 |
| <td> | 定義表格單元 |
| <caption> | 定義表格標(biāo)題 |
| <colgroup> | 定義表格列的組 |
| <col> | 定義用于表格列的屬性 |
| <thead> | 定義表格的頁(yè)眉 |
| <tbody> | 定義表格的主體 |
| <tfoot> | 定義表格的頁(yè)腳 |
