HTML table, tr, th, td 태그

Jmnote (토론 | 기여)님의 2021년 4월 17일 (토) 15:05 판 (→‎thead, tbody)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
  다른 뜻에 대해서는 DB 테이블 문서를 참조하십시오.
  다른 뜻에 대해서는 리눅스 tr 문서를 참조하십시오.
HTML table Tag
HTML table 태그, HTML 테이블 태그
HTML tr Tag
HTML tr 태그
HTML th Tag
HTML th 태그
HTML td Tag
HTML td 태그

1 table[ | ]

  • 표를 나타내는 HTML 태그
  • 내부에 행을 나타내는 tr과 셀을 나타내는 th, td 태그 등이 사용됨

2 tr[ | ]

  • "table row"
  • 표 내부에서 행을 나타내는 태그

3 th[ | ]

  • "table header"
  • 헤더 칸(cell)을 나타내는 태그
  • 기본 스타일: 중앙 정렬(text-align:center), 두껍게(font-weight:bold)

4 td[ | ]

  • "table data"
  • 일반적인 칸(cell)을 나타내는 태그
  • 기본 스타일: 왼쪽 정렬(text-align:left)

5 기본 예제[ | ]

<table border="1">
	<tr>
		<th>번호</th>
		<th>이름</th>
	</tr>
	<tr>
		<td>1</td>
		<td>한놈</td>
	</tr>
	<tr>
		<td>2</td>
		<td>두시기</td>
	</tr>
	<tr>
		<td>3</td>
		<td>석삼</td>
	</tr>
</table>

6 thead, tbody[ | ]

<table border="1px">
	<thead>
		<tr>
			<th>번호</th>
			<th>이름</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>한놈</td>
		</tr>
		<tr>
			<td>2</td>
			<td>두시기</td>
		</tr>
		<tr>
			<td>3</td>
			<td>석삼</td>
		</tr>
	</tbody>
</table>

7 같이 보기[ | ]

8 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}