JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

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

スプレッドシートのセルをコピーして、ここに貼り付けてください。1行目が見出しになります。スタイルを選び、プレビューを確認してコードをコピーします。

使い方

スプレッドシートからHTMLテーブルへ

利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールMarkdownテーブルジェネレーター→
広告

HTMLテーブルジェネレーター: 用途

スプレッドシートからコピーしたセル(タブ区切り)、またはカンマかセミコロン区切りのCSVを貼り付けてください。引用符にも対応しています。1行目を見出しにでき、数値や価格だけの列は右揃えになります。

スタイル(縞模様、罫線付き、ミニマル、HTMLのみ)、見出しの色、キャプションを選べます。テーブルはスマートフォン用の横スクロールブロックに入り、thead と th scope=col が付きます。

使い方

  1. スプレッドシートのセルをコピーして貼り付けます。
  2. スタイル、色、キャプションを選びます。
  3. コードをコピーしてページに貼り付けます。

使うタイミング

  • 料金表やプランの表。
  • 時刻表、メニュー、商品リスト。
  • ブログ記事の比較表。

よくある質問

ExcelやGoogleスプレッドシートから貼り付けるには?

セルを選択してコピー(Ctrl+C)し、入力欄に貼り付けます。列はタブ区切りで、ツールが自動で認識します。カンマまたはセミコロン区切りのCSVも使えます。

テーブルはスマートフォンでも使えますか?

はい。コードはテーブルを横スクロールできるブロックの中に入れるため、幅の広いテーブルでもページのレイアウトを崩さず横にスクロールできます。

テーブルはアクセシブルですか?

見出しには <thead> と <th scope="col"> を使い、キャプション(<caption>)も追加できます。スクリーンリーダーや検索エンジンが内容を理解するのに役立ちます。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。