webサービス

Tableタグを簡単に作成!「Table Tag Generator」

ブログにおいて、わかりやすい表を作りたい時には、Tableタグを使用するとすっきりします。

しかし、Tableタグを用いて記述するのは意外と面倒です。

この手間を大幅に軽減してくれるテーブルタグ作成ツールとして、Table Tag Generatorというツールがありました。

このツールは以下のような利点があります。

  • 行数と列数が指定できる事
  • tdをthに変更できる事
  • テーブルデータを直感的に入力できる事

今回は、このTable Tag Generatorの使い方を紹介しようと思います。
tableタグジェネレーター

スポンサーリンク
スポンサーリンク

Table Tag Generatorの使い方

HTMLの表を作成・結合ツール | テーブルタグジェネレーター

テーブルタグgenerator
▲Table Tag Generatorのページを開いたら、まず目的の行数と列数を指定します。ここでは行3、列2とします。

テーブルタグgenerator
▲次に、お好みで(テーブルデータをテーブルヘッダーに変更してたければ)①セルをドラッグしてセルを選択してから、②td→thボタンを押してください。

テーブルタグgenerator
▲選択した部分がtdからthへ変更されます。続いて、文字ボタンを押します。

テーブルタグgenerator
▲ここに内容を入れていきます。内容を入力し終わったら、「出力」を押します。

テーブルタグgenerator
▲プレビューが反映されているので、これで良ければ、HTMLタグをコピーして、目的の場所にはりつけます。

ブログに貼付けると、以下のようになりました。

品物価格
リンゴ100円
みかん80円

まとめ

Table Tag Generatorは、

  • 行数と列数が指定できる事
  • tdをthに変更できる事
  • テーブルデータを直感的に入力できる事

が優れています。

テーブルタグを作成したい時には、このツールを使うと簡単です。

スポンサーリンク
スポンサーリンク

関連記事

  1. itunes

    webサービス

    iTunesで過去の名曲を探す方法

    iTunesは、1曲単位で購入するのに便利なストアだと思っています。以…

  2. dropbox

    webサービス

    Dropboxの同期速度を向上させる方法

    写真・書類の受け渡しの際に大活躍しているDropboxですが、大きいデ…

  3. webサービス

    Amazonインスタント・ビデオの視聴の種類、レンタルルール、画質、値段について

    先日、Amazonインスタント・ビデオで映画をレンタルしてみた(iPh…

  4. webサービス

    楽天スーパーポイントを楽天Edyに交換できた(2013年8月9日まで)

    最近、電子マネーの楽天Edyを使い始めました。→大学の生協・食堂・売店…

  5. googleanalytics-doji

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

カテゴリー

  1. scansnap

    ScanSnap

    書類整理が捗るScanSnap S1300iが新発売!クラウド連携が強化されまし…
  2. suica

    未分類

    間違って一万円チャージしてしまって気づいたSuica支払いの便利さ
  3. アクセスランキング

    2013年1月のアクセスランキングTOP10と振り返り
  4. latex

    TeX

    TeXで目的の場所に適切な大きさで図を貼る方法
  5. iTunes Card

    セブンイレブンのiTunesCard購入ポイントキャンペーンは10/21(日)ま…
PAGE TOP