HTML 테이블 생성기는 데이터의 행을 브라우저에서 테이블로 렌더링하는 HTML 마크업으로 바꿉니다. 콤마로 구분되거나 탭으로 구분된 값을 붙여넣고 테이블이 어떻게 보여야 하는지 선택하면 도구는 <thead>, <tbody>, 테이블 행과 셀로 완전한 <table> 요소를 작성합니다. 모든 <tr>, <th>, <td>를 손으로 입력하고 셀을 계산하여 열을 정렬된 상태로 유지하는 대신 데이터를 한 번 붙여넣고 웹 페이지,이메일 템플릿 또는 문서 파일에 놓을 준비가 된 백업 마크업을 복사합니다.
손으로 테이블 HTML 을 작성하는 것은 반복적이고 오류가 발생하기 쉽기 때문에 존재합니다. 열 개의 행과 다섯 개의 열이 있는 테이블에는 모두 올바르게 열리고 닫히는 50 개 이상의 셀 태그가 필요하며 누락된 단일 </td>이 레이아웃을 깨뜨립니다. 접근성은 더 자세한 내용을 추가합니다: 헤더 셀은 범위 속성을 가진 <th>이어야 화면 판독기가 이를 발표하고 테이블에는 종종 내용을 설명하는 <caption>가 필요합니다. 이 생성기는 이러한 규칙을 적용합니다. 첫 번째 행은 적절한 헤더가 될 수 있고,각 행의 첫 번째 열은 행 헤더가 될 수 있으며,모든 셀 값은 HTML 이스케이프 처리되어 페이지를 깨는 대신 < 및 &와 같은 문자를 텍스트로 표시합니다.
모든 것이 브라우저에서 실행됩니다. 붙여넣은 데이터는 자신의 장치에서 JavaScript 로 구문 분석되고 변환되므로 업로드,로그 또는 저장되는 것이 없으며,페이지가 로드된 후에도 연결되지 않은 네트워크로 도구가 계속 작동합니다. 스타일링이 전달되는 방법을 선택할 수 있습니다: 일치하는 CSS 블록이 있는 최신 클래스 이름,이메일에 붙여넣어도 살아남는 독립형 인라인 스타일 또는 스타일링이 전혀 없는 일반 의미 HTML. 줄무늬 행,테두리, 컴팩트 레이아웃 및 들여쓰기에 대한 옵션을 사용하면 붙여넣을 프로젝트에 출력을 일치시킬 수 있습니다.
입력 상자에 쉼표로 구분되거나 탭으로 구분된 행을 붙여 넣습니다. 구분 기호가 자동으로 감지되거나 데이터가 모호한 경우 수동으로 설정할 수 있습니다.
첫 번째 행이 열 헤더인지, 각 행의 첫 번째 열이 행 헤더인지 결정하여 화면 판독기가 올바른 셀을 알립니다.
캡션을 추가하고,줄무늬 행이나 테두리를 켜고,컴팩트한 레이아웃을 선택하고,클래스 기반 CSS,인라인 스타일 또는 일반 의미 HTML 을 선택합니다.
생성 을 클릭하여 테이블을 빌드한 다음 HTML 을 복사하고 클래스 모드에서는 일치하는 CSS 를 프로젝트에 복사합니다. 모든 것이 브라우저에 유지됩니다.
쉼표,탭, 세미콜론 또는 파이프 분리 데이터를 붙여넣습니다. 구분 기호가 자동으로 감지되고 구분 기호가 포함된 인용 필드가 올바르게 구문 분석됩니다.
첫 번째 행은 <th scope="col">이 될 수 있고 첫 번째 열은 <th scope="row">가 될 수 있으므로 보조 기술은 모든 데이터 셀에 대한 헤더를 발표합니다.
테이블이 어디에 도착하는지에 따라 일치하는 CSS 블록, 전자 메일에 대한 독립적 인 인라인 스타일 또는 스타일이없는 일반 의미 HTML로 클래스 이름을 내보냅니다.
얼룩말 줄무늬,셀 테두리,컴팩트한 레이아웃 및 <caption> 요소를 모두 추가하며,이 모든 요소는 테이블의 모든 행에 일관되게 적용됩니다.
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!