HTML テーブルジェネレーター
セルをクリックして入力することで、HTML テーブルを視覚的に作成できます。ライブ プレビューでクリーンでセマンティックなテーブル マークアップを取得できます。フォーマットを貼り付けたり変換したりする必要はありません。
結果
これはコンバータではなく、ビジュアルなテーブル ビルダーです。ある形式を貼り付けて別の形式を取得するのではなく、ライブ スプレッドシートのようなグリッドでセルをクリックしてデータを直接入力します。 CSV、TSV、HTML テーブル、マークダウン テーブル、または JSON としてデータがすでにあり、それらの形式のいずれかでデータを必要とする場合は、このサイトの Office テーブル コンバーターがワンクリックでその変換を行います。同じ視覚的な方法で Markdown テーブルを構築したい場合は、Markdown テーブル ジェネレーターがその直接の兄弟になります。
ここでは、クリックやキーストロークごとに、その下のセマンティック HTML がリアルタイムで書き換えられます。行や列を追加または削除し、最初の行をヘッダーとしてマークすると、グリッドの下にある出力ボックスの thead、tbody、tr、th、および td タグが即座に更新され、作成中のテーブルそのもののライブ レンダリング プレビューが表示されます。
3 つのチェックボックスは、ユーザーが実際に求めるスタイルをカバーします。読みやすさを高めるゼブラストライプ、すべてのセルの境界線、および電話のレイアウトを壊さずに広い表をスクロールできる応答性の高いオーバーフローラッパーです。それらのいずれかをオンにすると、ジェネレーターは単なる視覚的な切り替えではなく、一致する実際の埋め込み可能な CSS を書き込むため、コピーした HTML は完全にスタンドアロンで、どこにでも貼り付けることができるスニペットになります。