Excel・スプレッドシートの表をHTMLテーブルに変換|ブログ・EC商品ページ向け・列幅や色も調整【無料版あり】
- Digital500 JPY


ExcelやGoogleスプレッドシートの表をコピーして貼ると、HTMLとCSSのテーブルにするツールです。 ブログやECの商品ページに貼り付けて使えます。列幅や見出しの色、縞模様なども選べます。 ブラウザで開くだけで動き、貼り付けた内容は外部に送られません。 まずは試したい方向けに、無料版もあります(5列10行まで)。https://mall-aibou.booth.pm/items/8927282 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 出力されるHTMLとCSSは、一般的なブラウザで表示できる形を目安にしています。 お使いのブログやECサイトによっては、スタイルが上書きされたり、タグが除かれたりすることがあります。 公開前に、実際のページで表示を確かめてください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 表を貼り付けると、HTMLとCSSのコードが出力される(行数、列数の制限なし) ◆ スタイル3種(シンプル、しっかり罫線、やわらか) ◆ 見出しの色の変更(文字色は明るさに合わせて白か黒を自動で選びます) ◆ 縞模様(1行おきの色つけ) ◆ 列幅の指定(120、120px、30% などの形) ◆ スマホで横にスクロールできる形での出力 ◆ CSVファイルの読み込み(UTF-8) ◆ 1行目を見出し行にするかどうかの切り替え ◆ 見た目を確認できるプレビュー、出力コードのワンクリックコピー ━━━━━━━━━━━━━━━━━━━━ 使い方(3ステップ) ━━━━━━━━━━━━━━━━━━━━ 1. html-table-maker.html をダブルクリックして、ブラウザで開く 2. 表を貼り付ける(CSVの読み込みもできます)。スタイル、色、列幅などを選ぶ 3. 出力されたコードをコピーして、ブログやECの編集画面(HTML編集)に貼る ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・セルの結合や、Excelの文字の太さ・色などの書式の引き継ぎはできません ・.xlsx ファイルの直接の読み込みはできません(セルをコピーして貼るか、CSVに保存してください) ・作った表の保存機能はありません(コードをコピーしてお使いください) ・お使いのサイトでの表示は保証できません ■ 使ってよい範囲 業務・制作にお使いいただけます。クレジット表記は不要です。 出力したコードは自由にお使いいただけます。 ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 html-table-maker.html / README.txt TOOL BOX

