【簡単HTML編集】表📊を入れるのにオススメのサイト『エクセルシートをHTMLテーブルに変換しちゃう君』😍

mottokoikoi

6年前

突然ですが、私の最近の好きな動物ランキングはこちらです🐶
↓↓↓

順位	動物名
1位	サメ
2位	チンチラ
3位	うさぎ
4位	犬
5位	猫
6位	ハムスター
7位	パンダ
8位	ワニ
9位	イルカ
10位	アザラシ

いや～、なんでサメ動画🦈ってつい見ちゃうんですかね。
現実世界だと絶対に出会いたくないはずなのに・・・。

ってそんなことはどうでもよくて（笑）

最近、HTML編集で「表を入れる」
ということができるようになりました＼(^o^)／

今回はその方法についてご紹介させていただきます！！！

Toggle

神サイト『エクセルシートをHTMLテーブルに変換しちゃう君』

「え？こんなの基本中の基本じゃね？」と思った方もいらっしゃるかもしれません。

しかし、超アナログ人間だった私にとっては、
猿が人間に進化したくらいの進歩なのです（笑）

今までこんな感じでエクセルをそのまま画像として貼り付けていたのですが・・・
↓↓↓

HTML編集でイイ感じの表が入れられるように☆彡
↓↓↓

順位	動物名
1位	サメ
2位	チンチラ
3位	うさぎ
4位	犬
5位	猫
6位	ハムスター
7位	パンダ
8位	ワニ
9位	イルカ
10位	アザラシ

サメもびっくりの私の進歩！！！！
一体どうやったのか？

実はとっても便利なサイトを発見したのです！！！

エクセルの表をコピペするだけで、
HTMLに一発変換してくれるという神サイト！！

その名も・・・

『エクセルシートをHTMLテーブルに変換しちゃう君』

↓↓↓

＜コレです！コレ！！！＞

styleme.jp

使い方

①『エクセルシートをHTMLテーブルに変換しちゃう君』にアクセス
↓
②エクセルの表をコピペして、以下に貼り付けます。

今回の動物ランキングをこのようにコピペしてみました。

（画像引用元：エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)）

↓

③「変換」ボタンを押すだけ。

↓

※こんな感じで確認画面が出ます。OKなら画面右上の×ボタンを押して閉じます。

↓

④これだけで「HTML」タグが出てきます。

↓

⑤これをまるっとコピーして、
はてなブログの「HTML編集画面」に貼り付ければ完成です。

↓

このように表が挿入されます＾＾

ちなみに、表のカラーは変えられるようです。

私は文章内に赤と青を使うことが多いため（目がチカチカしたらすみません）、
文章以外の目次や見出しなどはそれ以外の色を使用しようと思い、
水色やピンクや緑をよく使っています。
（※なんとなく黄色は人に緊張感を与える色だと思うので避けています。
淡い黄色なら使いますが・・・＾＾）