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. zaim
  2. Microsoft-OneDrive

    webサービス

    Onedriveの容量を15GB→30GBに増やす方法(2014年9月30日まで)

    クラウドサービスのOneDriveで、通常、無料で15GB使用できるの…

  3. webサービス

    ゲリラ豪雨対策に!最新の雨雲レーダーを確認するのに利用しているサイト「デジタル台風」

    最近本当にゲリラ豪雨が多いです。局地的に猛烈な雨にあうことがしばしば。…

  4. webサービス

    Amazonインスタント・ビデオで映画をレンタルしてみた(iPhone・iPadで視聴可能!)

    Amazonインスタント・ビデオが開始したのは日本では2013年11月…

  5. dropbox

    webサービス

    Dropboxでのログインを2段階認証にする方法!

    クラウドサービスの代表格であるDropboxがセキュリティ対策として、…

  6. webサービス

    記事紹介のリンクをサムネイル付きで表示出来るShareHtml

    ブログを書いていると、他のサイトを紹介したい場面が出てきます。そんなと…

コメント

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

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

カテゴリー

  1. iPhoneケース

    iPhone5のクリアハードケースを100円ショップセリアで購入
  2. 未分類

    当ブログアクセスの主要OSがiOSだった!今まで勘違いしてた!
  3. Quicka2 - 検索を快適に

    iPhoneアプリ

    QuickaからリマインダーアプリDueに予定を登録する方法
  4. table-tag-generator

    webサービス

    Tableタグを簡単に作成!「Table Tag Generator」
  5. ブログ運営

    FC2ブログのスマホ版テーマ「basic_black_st」でのブログタイトルを…
PAGE TOP