[HTML] Table 표에 시맨틱 태그 사용해서 구조화하기 (caption, thead, tbody)

지난 시간에 Table 태그로 표를 만들고 행열을 병합하는 과정을 배웠습니다. 이번에는 시맨틱 태그를 사용해서 표를 구조화하는 방법을 알아보겠습니다. 2022.04.27 - [Web] - [HTML] 시맨틱 태그, 웹페이지의 구조를 알려주는 주석 시맨틱 태그가 무엇이고, 왜 사용해야 하는지는 위 글에서 참조하실 수 있습니다. [ Contents ] 1. 표 제목 태그 표 제목 제목1제목2 내용1내용2 내용 caption 태그는 표의 제목을 달아줍니다. 표 제목 만약 표 제목을 아래에 달아주고 싶다면, css를 사용해서 bottom으로 변경합니다. 2. 제목 행 태그 표 제목 제목1제목2 내용1내용2 내용 thead 태그는 주로 1행의 th태그를 감싸줍니다. 표의 제목행을 나타내는 시맨틱 태그로, 별다른 ..

원문링크 : [HTML] Table 표에 시맨틱 태그 사용해서 구조화하기 (caption, thead, tbody)