<table>标签定义HTML表格。关于table 我们需要认识它的一些内嵌标签有:
<th>,定义表标头,默认情况下标头为粗体且居中。
<tr>,定义表格的每一行。
<td>,定义表格的数据单元格。
因为是表格,我们需要每一行的单元格都是一样的数量,然后我们可以指定每个单元格的宽高。
简单小实例:
<!DOCTYPE html><html> <head> <title>表格</title> <style> table{ /* border-collapse:collapse; */ } td{ width: 100px; height:50px; text-align: center; } </style> </head> <body> <!-- cellpadding属性设置表格边框之间和表格单元格之间的间距,cellspacing属性设置单元格中的信息四周的间距(两者都是以像素为单位)--> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body></html>
定义表标头 <th>:th 的多少对应表格的列数
<th>第一列</th><th>第二列</th><th>第三列</th>
定义表格标题 <caption>:比如我们要给上面表格一个标题的话,我们就需要用到这个标签属性
<caption style="font-size: 20px;font-weight: bold;color: green;">数字表</caption>
动手小练习
编写一个5*5的表格在第一个简单表格的基础上,给表格添加一个标题(设置颜色,定义字体大小,粗细等样式)版权声明:本文转载于今日头条,版权归作者所有,如果侵权,请联系本站编辑删除