[HTML]table 태그
2024. 1. 7. 20:45ㆍHTML + 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 |