- 다른 뜻에 대해서는 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 기본 예제[ | ]
html
Copy
<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[ | ]
![](https://z-images.s3.amazonaws.com/thumb/e/ec/Crystal_Clear_app_xmag.svg/24px-Crystal_Clear_app_xmag.svg.png 1.5x, https://z-images.s3.amazonaws.com/thumb/e/ec/Crystal_Clear_app_xmag.svg/32px-Crystal_Clear_app_xmag.svg.png 2x)
html
Copy
<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 같이 보기[ | ]
- HTML 테이블 CSS
- HTML 테이블 모든 테두리 1px 주기
- HTML 테이블 스크롤 적용
- HTML 테이블 대각선 넣기
- HTML 테이블 caption 태그
- HTML 테이블 colspan, rowspan
- HTML 테이블 border-collapse
- HTML thead, tbody 태그
- HTML div 태그
- HTML 주요 태그
- 자바스크립트 테이블 행 추가/삭제
- jQuery 테이블 행 추가/삭제
- 부트스트랩 그리드 row, col
- 부트스트랩 테이블
8 참고[ | ]
편집자 Jmnote Jmnote bot 203.128.205.20 211.105.66.167
로그인하시면 댓글을 쓸 수 있습니다.