01.21 表格
2019-01-21 本文已影响0人
xxxQinli
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body>
<!--
表格标签：
table标签 - 代表整个表格
tr标签 - 代表一行
td标签 - 代表表格中的一个单元格
标签属性：
border 属性 - 设置边框宽度，一般作用于table；
bordercolor 属性 - 设置表框颜色；可以是颜色的英文单词；reb16进制，前面加#号
cellspacing 属性 - 设置单元格和单元格之间的间隙大小;table的属性
cellpadding 属性 - 单元格中的内容和单元格表框直接的间距
width 属性 - 设置宽度 作为table属性 - 设置整个表格的宽度，每一列的宽度按比例分配
作为td属性 - 设置单列表格的宽度
height 属性 - 设置高度 作为table属性 - 设置整个表格的高度
作为tr属性 - 设置单行的高度
color 属性 - 作为table的属性，设置整个表格的背景颜色
作为tr的属性，设置一行的背景颜色
作为td的属性，设置单个单元格的背景颜色
align 属性 - 设置对齐方式(left/right/center)
作为table的属性，让整个表格在父标签中局中
作为tr的属性，让一行中的所有单元格内容居中
作为td的属性，让单个单元格居中
数字参数都为整数
-->
<!--
创建了三个一行三列的表格
-->
<table align="center" height="200" border="1" bordercolor="#000000" cellspacing="10" cellpadding="30">
<!--
第一行
-->
<tr bgcolor="red">
<td width="100" bgcolor="yellow">姓名</td>
<td width="100">成绩</td>
<td width="200">是否留级</td>
</tr>
<!--
第二行
-->
<tr align="center">
<td>小明</td>
<td>90</td>
<td>否</td>
</tr>
<!--
第三行
-->
<tr>
<td>小华</td>
<td>95</td>
<td bgcolor="green">否</td>
</tr>
</table>
</body>
</html>
