728x90
300x250
복잡한 테이블 코딩은 항상 드림위버로 편하게 하고 있었는데 버전업이 되면서 도통 어떻게 쓰는지 모르겠네요
뭐이렇게 어렵게 만들어놨는지
그래서 찾게 된 사이트가 있습니다.
https://www.tablesgenerator.com/html_tables
Tables Generator라는 사이트 입니다.
먼저 테이블 클릭해서 사이즈를 지정해 줍니다.
Generate를 눌러주는데
만약 css를 따로 설정하면 저처럼 Do not generate CSS에 체크 하면됩니다.
이렇게 병합하고 싶은 셀을 드래그해서 선택한 후 상단 셀병합 아이콘을 클릭하면 셀병합이 됩니다.
위와같은 방법으로 원하는 모양으로 만들어 줍니다.
만약 행이나 열을 삭제한다면
삭제하고 싶은 열이나 행을 드래그 해서 선택한 후 마우스 오른쪽을 눌러서 아래와 같이 Remove 하면 됩니다.
원하는 테이블을 만들었으면 Generate를 클릭하고 Copy to clipboard를 클릭합니다.
복사한 테이블을 원하는곳에 붙여서 쓰면 됩니다.
728x90
반응형
'Front-end > HTML' 카테고리의 다른 글
div로 테이블 코딩 (0) | 2021.07.03 |
---|---|
float:left 해제하는 방법 :after 사용 (0) | 2021.06.28 |
Height 100% 적용 안될 때 (0) | 2021.06.16 |
HTML 기본 회원가입 폼 form 태그 (0) | 2021.06.10 |
웹 용어 정리 (0) | 2021.05.26 |
댓글