[HTML]table 태그

2024. 1. 7. 20:45HTML + CSS+JS/HTML

반응형

 

 

table 태그 이용해서 작성

class에 테이블의 효과 + table-부트스트랩 표형식

 

 

 

🔵 테이블 테마

table-striped 무늬 효과
table-bordered 테두리 효과
table-hover 마우스 효과
table-dark 어두운 테마
table-borderless 선제거

 

 

 

🔵 각 줄에 효과

전체, 각행 등에 적용 가능

table-primary  
table-success  
table-danger  
table-info  
table-warning  

 

 

 

🔵 공지사항 등에서 작은 표 작성할 때

table-sm 작게 효과

 

 

🔵  table 구성

기본 tr(행) > td(칸)
html5 table>thead(tr>th)(제목) = tbody(tr>td)(본문) = tfoot(tr>td)(분석 결과)

 

반응형

'HTML + CSS+JS > HTML' 카테고리의 다른 글

[HTML] form 태그 구성 / type 종류 / get, post방식  (0) 2024.01.08
[HTML] button 태그  (0) 2024.01.07
[HTML] 주요 태그  (0) 2024.01.07