HTML 표(Table) 생성기

사용법

1. 행·열 수 설정 (2~20행, 2~10열)
2. 스타일 선택 (모던·클래식·미니멀·다크·줄무늬)
3. 각 셀 내용 편집
4. 헤더·호버·테두리 옵션
5. HTML+CSS 복사 또는 HTML 파일 다운로드

주요 기능

• 2~20행 × 2~10열 자유 설정
• 5가지 디자인 스타일
• 셀별 데이터 편집
• 헤더 행 자동 굵게
• 호버 효과 + 테두리 옵션
• 반응형 (모바일 가로 스크롤)

활용 예시

• 블로그 비교 표 — 제품·서비스 비교
• 가격표 — 요금제 안내
• 일정표 — 주간 스케줄
• 점수·랭킹 — 결과 정리
• 이메일 마케팅 — 인라인 CSS 표

접근성을 위한 표 작성

(1) thead·tbody 구분 — 스크린리더가 헤더 인식. (2) scope="col"·"row" — 헤더가 어떤 셀을 설명하는지 명시. (3) summary 또는 caption — 표 목적 설명. (4) 너무 복잡하면 분리 — 한 표가 너무 크면 두 개로 나눔.

자주 묻는 질문