본문 바로가기
SW 코딩/HTML & CSS 기초

[html/css] html table 태그

2020. 7. 22.
반응형

<티스토리 블로그를 운영하기 위한 기초적인 수준의 html/css 기본 개념 포스팅입니다>

html table 태그


table 태그는 뜻 그래도 table을 그리는 tag 입니다.


소스코드

table tag.html

tr, td, th ,caption 태그

tr 태그는 테이블의 행을 정의 합니다.


사용법은 <tr> </tr>입니다.


<tr> </tr>이 한 행을 의미하고 다시 <tr> </tr>이 사용되면 다음 행이 추가됩니다.


첫 번째 행에는 분류 항목으로 이름,취미,사는 곳, 연락처를 기입했습니다.


분류 항목이 세로로 작용하게 될테니 분류항목은 열의 개념이 되겠죠.


이 열의 개념은 td 태그입니다.


tr태그와 td 태그의 차이점이 보이시나요.


tr 태그를 사용하니 굵은 글씨에 가운데 정렬이 적용되어 있습니다.


반대로 td 태그를 사용하니 굵은 글씨와 가운데 정렬이 적용되어 있지 않습니다.


caption 태그는 표상단위에 제목을 달아줄 수 있습니다.


● 개인적으로 공부하며 정리한 내용입니다 ●


 잘못된 내용이 있으면 언제든 답글 달아주세요 


감사합니다


댓글


loading