표를 만들기 위한 태그 -> table
-
필수요소
1) 행을 만들어주는 (줄을 그어주는) - tr태그
2) 열을 만들어주는 (제목을 컬럼을 작성) -> th태그
3) 열을 만들어주는 (데이터를 작성) -> td태그
4) 테이블 태그는 반드시 테두리를 작성해줘야 한다! -
속성에 특정 내용을 작성할 때 빨간색으로 나오면
-> 권장사항이 아님 -> css로 처리
-
병합이 필요한 경우는 2가지 존재 (가로, 세로)
1) 가로 방향으로 병합을 할 때 -> colspan
2) 세로 방향으로 병합을 할 때 -> rowspan -
테이블태그를 사용하는 경우 -> 순수한 표, 게시판 만들 때
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
표를 만들기 위한 태그 -> table
필수요소
1) 행을 만들어주는 (줄을 그어주는) - tr태그
2) 열을 만들어주는 (제목을 컬럼을 작성) -> th태그
3) 열을 만들어주는 (데이터를 작성) -> td태그
4) 테이블 태그는 반드시 테두리를 작성해줘야 한다!
* 속성에 특정 내용을 작성할 때 빨간색으로 나오면 -> 권장사항이 아닙니다! -> css로 처리하세요~
병합이 필요한 경우는 2가지 존재 (가로, 세로)
1) 가로 방향으로 병합을 할 때 -> colspan
2) 세로 방향으로 병합을 할 때 -> rowspan
테이블태그를 사용하는 경우 -> 순수한 표, 게시판 만들 때
-->
<table border="1px solid black">
<tr bgcolor="yellow">
<th>이름</th>
<th colspan="2">성별, 주소</th>
<th>직급</th>
</tr>
<tr>
<td>이름</td>
<td>남자</td>
<td>광주</td>
<td rowspan="2">선임</td>
</tr>
<tr>
<td>이름</td>
<td>여자</td>
<td>순천</td>
</tr>
<tr></tr>
</table>
<h2>정규 시즌</h2>
<hr>
<table border="1px solid black">
<tr bgcolor="lightgrey">
<th rowspan="2">연도</th>
<th colspan="2">순위</th>
</tr>
<tr bgcolor="lightgrey">
<th>종합</th>
<th>정규</th>
</tr>
<tr align="center">
<td>1982</td>
<th>4</th>
<td>4</td>
</tr>
<tr bgcolor="#ffd700" align="center">
<td>1983</td>
<th>1</th>
<td>2<br>(전기리그 1위)</td>
</tr>
<tr align="center">
<td>1984</td>
<th>5</th>
<td>5</td>
</tr>
<tr align="center">
<td>1985</td>
<th>3</th>
<td>3</td>
</tr>
</table>
</body>
</html>
개발자