본문 바로가기

WEB/HTML

테이블의 기본 형식

<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