HTML 테이블
HTML 테이블
테이블은 <table> 태그로 정의됩니다. 각 테이블에는 여러 행(<tr> 태그로 정의됨)이 있으며, 각 행은 여러 셀(<td> 태그로 정의됨)로 나뉩니다. 문자 td는 테이블 데이터, 즉 데이터 셀의 내용을 나타냅니다. 데이터 셀에는 텍스트, 그림, 목록, 단락, 양식, 수평선, 표 등이 포함될 수 있습니다.
테이블 인스턴스
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
HTML 테이블 및 테두리 속성
테두리 속성이 정의되지 않으면 테이블에 테두리가 표시되지 않습니다. 때로는 이것이 유용하지만 대부분의 경우 테두리가 표시되기를 원합니다.
테두리가 있는 테이블을 표시하려면 테두리 속성을 사용하세요.
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTML 테이블 헤더
테이블 헤더는 <th> 태그를 사용하여 정의됩니다.
대부분의 브라우저는 표 헤더를 굵은 텍스트로 표시합니다.
<html>
<head>
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
</head>
</html>
举个例子：
<html>
<head>
<meta charset="utf-8">
<title>无标题页</title>
<style type="text/css">
.tb
{
border-width:1px;
border-collapse:collapse;
border-color:black;
border-style:solid;
}
td
{
border-width:1px;
border-collapse:collapse;
border-color:black;
border-style:solid;
}
</style>
</head>
<body>
<div>
<table width="600" height="400" border="1">
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td rowspan="3"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>HTML 표 태그
태그
<table> >
<tr> 표 셀 정의
<caption> > > 정의 예정 >
<thead> 테이블 헤더 정의
<tbod> 발> 테이블 바닥글 정의
다음 섹션
