테이블 요소를 사용하여 테이블 만들기
테이블 요소는 다음과 같은 일반적인 속성이 있습니다
| 재산 |
의미 |
| 경계 |
테이블 테두리 너비를 설정합니다 |
| 폭 |
테이블 폭을 설정 |
| 신장 |
테이블의 길이를 설정 |
| 의 cellpadding |
테이블을 설정 패딩 |
| cellspacing |
테이블 여백을 설정 |
테이블 요소 안쪽
| 요소 |
의미 |
| 표제 |
표 제목 |
| 일 |
테이블 이름 |
| TR |
테이블 행 |
| TD |
세포 |
| THEAD |
고유 헤드 테이블 |
| TBODY |
테이블 사이의 주요 차이점 |
| tfood |
테이블의 구별 바닥 |
| colgroupp, COL |
설정 다른 색상 스타일의 열 |
부동산 TD 요소
| 재산 |
의미 |
| 열 병합 |
설정 세포 은행 간 |
| ROWSPAN |
열에서 설정 세포 |
예 :
<div style="margin: 30px 500px auto;text-align: center">
<table border="1" width="300" >
<thead>
<caption>职业调查</caption>
<th colspan="3">详情表</th>
</thead>
<tbody>
<colgroup>
<col bgcolor="#f79d03">
<col bgcolor="#ffd4f5">
<col bgcolor="e80063">
</colgroup>
<tr>
<td>姓名</td>
<td>职业</td>
<td>性别</td>
</tr>
<tr>
<td>小明</td>
<td>学生</td>
<td>男</td>
</tr>
<tr>
<td>张三</td>
<td>教师</td>
<td>男</td>
</tr>
<tr>
<td>静静</td>
<td>教师</td>
<td>女</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">总计3人</td>
</tr>
</tfoot>
</table>
</div>
결과
내부 테이블의 외부 사용을 단일 프레임의 필요성을 형성하기 위해 결합 된 기본 마진 아니다
국경 - 붕괴 : 붕괴의 속성 값
예 :
<style>
table,td{
border: 1px solid #0D9AFE;
}
table{
width: 1000px;
height: 400px;
border-collapse: collapse;
margin: 0 auto;
text-align: center;
background-color: #1f79a7;
}
</style>
<body>
<table>
<tr>
<td colspan="5">学生管理信息表</td>
</tr>
<tr>
<td >id</td>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
<td>爱好</td>
</tr>
<tr>
<td>id</td>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
<td>爱好</td>
</tr>
</table>
</body>
결과 그림
