Heim >Web-Frontend >HTML-Tutorial >HTML5-表格_html/css_WEB-ITnose
HTML5-表格_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:46:491068Durchsuche
表格：表头,行
,列,标题
属性：cellpadding="10" cellspacing="10":单元格间距，单元格边距|
bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格</title></head><body> <p>表格</p> <table border="1"> <caption>重要表格</caption> <!-- <caption>重要表格</caption>：表头--> <tr> <th>单元</th> <th>单元</th> <th>单元</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td> <ul> <li>苹果</li> <li>苹果</li> <li>苹果</li> </ul> </td> </tr> </table> <br/> <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2"> <!-- cellpadding="10" cellspacing="10":单元格间距，单元格边距--> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格4</td> <td>单元格4</td> <td>单元格6</td> </tr> </table> <!-- bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】--> <br/> <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg"> <!-- cellpadding="10" cellspacing="10":单元格间距，单元格边距--> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格4</td> <td>单元格4</td> <td>单元格6</td> </tr> </table></body></html>
属性：cellpadding="10" cellspacing="10":单元格间距，单元格边距|
bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格</title></head><body> <p>表格</p> <table border="1"> <caption>重要表格</caption> <!-- <caption>重要表格</caption>：表头--> <tr> <th>单元</th> <th>单元</th> <th>单元</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td> <ul> <li>苹果</li> <li>苹果</li> <li>苹果</li> </ul> </td> </tr> </table> <br/> <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2"> <!-- cellpadding="10" cellspacing="10":单元格间距，单元格边距--> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格4</td> <td>单元格4</td> <td>单元格6</td> </tr> </table> <!-- bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】--> <br/> <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg"> <!-- cellpadding="10" cellspacing="10":单元格间距，单元格边距--> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格4</td> <td>单元格4</td> <td>单元格6</td> </tr> </table></body></html>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：水晶按钮_html/css_WEB-ITnoseNächster Artikel：HTML布局之计算器(div+css)_html/css_WEB-ITnose