<table>
<caption>과목별 성적</caption>
<tr>
<th>과목</th><th>중간시험</th><th>기말 시험</th>
</tr>
<tr>
<td>HTML웹프로그래밍</td>
<td>30</td>
<td>66</td>
</tr>
<tr>
<td>알고리즘</td>
<td>28</td>
<td>70</td>
</tr>
</table>
<tr> : 테이블에서 하나의 줄에 해당하는 행을 정의하는 태그
<td> : 테이블에서 데이터(이미지,텍스트)가 표시되는 표준셀을 정의/반드시 <tr>태그내에서 사용/ 왼쪽 정렬
<th> : 테이블 내부에서 행열의 제목을 표시하는 헤더셀을 정의 / <tr>태그내에서 사용/ 진하게 가운데 정렬
<caption> : 테이블 전체에 해당하는 제목을 표시/ 테이블 레이아웃에는 아무런 영향을 미치지 않음/
반드시 <table> 시작태그의 바로 다음에 위치해야 함 / 테이블 상단에 진하게 가운데 정렬
CSS - caption-side 속성과 text-align 속성으로 변경 가능
'WEB > HTML' 카테고리의 다른 글
테이블 콘텐트 그룹핑과 열 단위 스타일 지정 (0) | 2021.04.13 |
---|---|
셀 병합과 요소 배치 (0) | 2021.04.13 |
<iframe> 태그와 이미지 맵 (0) | 2021.04.13 |
HTML - 하이퍼링크 삽입 (0) | 2021.04.13 |
HTML - 그림과 링크 (0) | 2021.04.13 |