HTML_테이블 태그

https://coding-diary100.tistory.com/29

HTML_기본개념

 

 

 

기본개념은 따로 정리해 놓았다.

사용 Tool: vscode

 

 

 

테이블 태그
-여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성
-<table>로 시작하고 </table> 끝냄

 

사용 태그
<tr>  : 행을 생성 ,

<td> : 셀을 생성

<th> : 셀의 제목,가운데 정렬, 굵은 글씨
<colgroup>: colgroup 태그 뒤에 나오는 컬럼(th 또는 td)에 적용할 스타일을 해당 태그에서 미리 설정할 수 있도록 함
<caption>
- 표에 제목을 붙일 때 사용
-기본 위치는 표의 상단 중앙

 

 

사용 속성

●colspan 속성: 셀을 가로로 합침
<td colspan ="합칠 열의 개수">

 

●rowspan 속성:셀을 세로로 합침
<td rowspan ="합칠 행의 개수">\

 

스타일 설정값

 

 

Body 코드

 

 

결과

 

Body 코드

결과

 

 

Body 코드

 

결과