HTMLテーブルジェネレーター
スプレッドシートのセルをコピーして、ここに貼り付けてください。1行目が見出しになります。スタイルを選び、プレビューを確認してコードをコピーします。
使い方スプレッドシートからHTMLテーブルへ
広告
HTMLテーブルジェネレーター: 用途
スプレッドシートからコピーしたセル(タブ区切り)、またはカンマかセミコロン区切りのCSVを貼り付けてください。引用符にも対応しています。1行目を見出しにでき、数値や価格だけの列は右揃えになります。
スタイル(縞模様、罫線付き、ミニマル、HTMLのみ)、見出しの色、キャプションを選べます。テーブルはスマートフォン用の横スクロールブロックに入り、thead と th scope=col が付きます。
使い方
- スプレッドシートのセルをコピーして貼り付けます。
- スタイル、色、キャプションを選びます。
- コードをコピーしてページに貼り付けます。
使うタイミング
- 料金表やプランの表。
- 時刻表、メニュー、商品リスト。
- ブログ記事の比較表。
よくある質問
ExcelやGoogleスプレッドシートから貼り付けるには?
セルを選択してコピー(Ctrl+C)し、入力欄に貼り付けます。列はタブ区切りで、ツールが自動で認識します。カンマまたはセミコロン区切りのCSVも使えます。
テーブルはスマートフォンでも使えますか?
はい。コードはテーブルを横スクロールできるブロックの中に入れるため、幅の広いテーブルでもページのレイアウトを崩さず横にスクロールできます。
テーブルはアクセシブルですか?
見出しには <thead> と <th scope="col"> を使い、キャプション(<caption>)も追加できます。スクリーンリーダーや検索エンジンが内容を理解するのに役立ちます。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。