HTML テーブル ジェネレーター

HTMLテーブルジェネレーターは、データの行をHTMLマークアップに変換し、ブラウザーでデータをテーブルとしてレンダリングします。カンマ区切りまたはタブ区切りの値を貼り付け、テーブルの外観を選択し、ツールは完全な<table>要素を<thead>、<tbody>、テーブルの行とセルで書き込みます。 <tr>、<th>、<td>ごとに手入力し、列を整列させるためにセルを数えるのではなく、データを一度貼り付け、Webページ、電子メールテンプレート、またはドキュメントファイルにドロップする準備ができているバックアップマークアップをコピーします。

これは、テーブル HTML を手書きで書くことが反復的でエラーが発生しやすいために存在します。 10 行 5 列のテーブルには 50 個以上のセル タグが必要で、すべて正しく開閉され、1 つの欠落している </td> がレイアウトを壊します。アクセシビリティにより詳細が追加されます。ヘッダー セルはスコープ属性を持つ <th> である必要があり、スクリーン リーダーがそれらを発表します。テーブルにはその内容を説明する <caption> が必要になることがよくあります。このジェネレーターはそれらのルールを適用します。最初の行は適切なヘッダーになることができ、各行の最初の列は行ヘッダーになることができ、すべてのセル値は HTML エスケープされるため、ページを壊すのではなく < や & などの文字がテキストとして表示されます。

すべてがブラウザで実行されます 貼り付けたデータは解析され、自分のデバイスでJavaScriptで変換されるため、アップロード、ログ記録、保存されるものは何もなく、ツールはページが読み込まれると切断されたネットワークでのスタイリングの配信方法を選択できます: 一致するCSSブロックを持つ最新のクラス名、電子メールに貼り付けられても生き残る自己完結型のインラインスタイル、またはスタイリングがまったくないプレーンなセマンティックHTMLストライプの行、境界線、コンパクトなレイアウト、インデントのオプションにより、貼り付けているプロジェクトに出力を一致させることができます。