표는 데이터를 일목요연하게 표현하기 위한 방법이다. 데이터를 구조화 할때 사용하고, 레이아웃으로도 활용되나, 불가피한 경우를 제외하면 div와 css 등을 이용한다.. th는 데이터 그룹의 제목(header cells)에 해당하고, td는 th에 속하는 데이터 그룹(standard cells)에 해당한다.
문법
<table>
<tr>
<th>제목</th>
</tr>
<tr>
<td>데이터</td>
</tr>
</table>
예제
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
</head>
<body>
<table border="1">
<tr>
<td>이름</td><td>성별</td><td>나이</td>
</tr>
<tr>
<td>홍길동</td><td>남</td><td>20</td>
</tr>
<tr>
<td>임꺽정</td><td>여</td><td>21</td>
</tr>
</table>
</body>
</html>
예제 설명
예제를 html 파일에 코딩하여 실행하면 아래 그림과 같은 웹페이지가 나온다.
첫번째 행에는 이름, 성별, 나이가 입력되고, 두번째 행에는 홍길동의 정보, 세번째 행에는 임꺽정의 정보가 입력된다.
'Programming > HTML' 카테고리의 다른 글
| 폼(form), 텍스트 입력 (0) | 2017.12.11 |
|---|---|
| head, meta, title (0) | 2017.12.11 |
| 이스케이핑 (0) | 2017.12.11 |
| iframe, frame (0) | 2017.12.11 |
| 목록 (0) | 2017.12.11 |
꼴통보안인