HTML 테이블 생성기

HTML 테이블 생성기는 데이터의 행을 브라우저에서 테이블로 렌더링하는 HTML 마크업으로 바꿉니다. 콤마로 구분되거나 탭으로 구분된 값을 붙여넣고 테이블이 어떻게 보여야 하는지 선택하면 도구는 <thead>, <tbody>, 테이블 행과 셀로 완전한 <table> 요소를 작성합니다. 모든 <tr>, <th>, <td>를 손으로 입력하고 셀을 계산하여 열을 정렬된 상태로 유지하는 대신 데이터를 한 번 붙여넣고 웹 페이지,이메일 템플릿 또는 문서 파일에 놓을 준비가 된 백업 마크업을 복사합니다.

손으로 테이블 HTML 을 작성하는 것은 반복적이고 오류가 발생하기 쉽기 때문에 존재합니다. 열 개의 행과 다섯 개의 열이 있는 테이블에는 모두 올바르게 열리고 닫히는 50 개 이상의 셀 태그가 필요하며 누락된 단일 </td>이 레이아웃을 깨뜨립니다. 접근성은 더 자세한 내용을 추가합니다: 헤더 셀은 범위 속성을 가진 <th>이어야 화면 판독기가 이를 발표하고 테이블에는 종종 내용을 설명하는 <caption>가 필요합니다. 이 생성기는 이러한 규칙을 적용합니다. 첫 번째 행은 적절한 헤더가 될 수 있고,각 행의 첫 번째 열은 행 헤더가 될 수 있으며,모든 셀 값은 HTML 이스케이프 처리되어 페이지를 깨는 대신 < 및 &와 같은 문자를 텍스트로 표시합니다.

변환은 클라이언트 측에서 실행됩니다. 붙여넣은 데이터는 자신의 장치에서 JavaScript 로 구문 분석되고 변환되므로 행은 절대 업로드되지 않습니다; greate logs 스타일 모드만 전달하는 사용 레코드를 생성하고,페이지가 로드된 후에도 도구가 연결 해제된 네트워크로 계속 작동합니다. 스타일링이 전달되는 방법을 선택할 수 있습니다: 일치하는 CSS 블록이 있는 최신 클래스 이름,이메일에 붙여넣어도 살아남는 독립형 인라인 스타일 또는 스타일링이 전혀 없는 일반 의미 HTML. 줄무늬 행,테두리, 컴팩트 레이아웃 및 들여쓰기에 대한 옵션을 사용하면 붙여넣을 프로젝트에 출력을 일치시킬 수 있습니다.

다음은 테이블 HTML 생성기의 작업 된 예입니다. `Plan,Price, Seats`, `Free,$0,1` and `Pro,"$1,200",10`, Pricing as the caption and press Generate. 출력은 <caption>Pricing</caption>, 세 <th scope="col"> 헤더와 두 개의 본문 행이있는 <table>이며 인용 된 "$1,200"은 쉼표로 나누는 대신 하나의 셀을 유지합니다. HTML 이메일의 테이블 생성기로 사용되며 스타일을 인라인 스타일로 전환하고 모든 셀은 자체 패딩과 테두리를 전달하므로 스타일 시트가 필요하지 않습니다.