Home IT/WEB HTML TABLE 을 자동 생성해주는 사이트

HTML TABLE 을 자동 생성해주는 사이트

웹사이트 유지보수를 하다보면 테이블 코딩할 일이 많은데 테이블 코딩을 하려면 시간이 많이 소요됩니다. 테이블 코딩하는데 시간을 줄여주기 위한 사이트가 있는데 Table Generator 라는 사이트 입니다.

Table Generator(테이블 생성기)

inline ad

Table Generator 에서 테이블을 생성하여 코드로 변환 할 수도 있지만 한글이나 워드파일 내에 테이블이 존재할 경우 이 사이트로 복사해서 붙여넣으면 테이블이 생성할 수 있으며 html, LaTex, Text, Markdown, MediaWiki 등과 같은 포맷으로도 변환해줍니다.

Table Generator 에서 제일 많이 사용하는 도구는 셀 병합, 셀 분할, 셀 추가, 셀 삭제 등과 같은 테이블을 조절하는 기능입니다. 표에 오른쪽 마우스를 클릭하면 Row, Column 을 추가하거나 삭제를 할 수 있습니다.

테이블 Row,Column 추가, 삭제

셀 병합, 셀 분할을 할 수 있는 아이콘은 아래와 같습니다.

셀 병합, 셀 분할

Do not generate CSS 를 체크하면 인라인으로 추가되어 있던 스타일 속성이 제거 되며 Generate 를 클릭하시면 아래와 같이 html 코드로 변환해줍니다. html 코드를 복사하여 사용하시면 됩니다.

RECENT POSTS

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...

[javascript]Math.min, Math.max 사용방법

Math.min과 Math.max는 JavaScript의 Math 객체에서 제공하는 메서드로, 각각 주어진 숫자들 중 최소값과 최대값을 반환합니다. 이 메서드들은 다양한 수학 연산과 데이터 처리에서 유용하게 사용될 수...

널 병합 연산자 Nullish coalescing operator (??) 에 대해서 알아보자.

널 병합 연산자 Nullish coalescing operator (??)는 JavaScript에서 null이나 undefined 값을 체크하는 데 사용되는 연산자입니다. 이 연산자는 좌변의 피연산자가 null 또는 undefined일 경우 우변의 피연산자를 반환하고, 그렇지 않은 경우 좌변의...

[css]부모 요소의 border-radius가 자식 요소의 background-color로 가려지지 않도록 설정할 수 있는 방법

overflow: hidden 속성 사용 부모 요소의 border-radius를 자식 요소의 background-color로 가려지지 않도록 설정해야 합니다. 이를 위해 부모 요소에 overflow: hidden; 속성을 추가하여 자식 요소의 배경이...