HTMLとCSSのテーブルの作り方

  • このエントリーをはてなブックマークに追加

誰でも簡単に作れるテーブルタグを生成するサイトです。

rowspanやcolspanの設定などで悩むことなく、HTMLの知識がなくても直感的に作成できます。

サイト:Table Tag Generator | HTMLの表を簡単に作成・結合ツール。テーブルタグジェネレーター

使い方は以下を参考にして下さい。

トップページへアクセスして、テーブルの個数を決めましょう。


テーブル内をマウスでドラッグして、「結合・分割・td th」を行います。


試しに1列目をドラッグして「th」に変換しました。


次に「文字」をクリックして、テーブル内に文字を入力しましょう。

完了したら「出力」をクリック。


出来上がったテーブルは左下の「HTML」内にテーブルタグが載っています。

全てドラッグしてコピーします。

ホームページやブログへペーストすれば簡単に完了です。

同時にCSSも作成されます。必要に応じて「CSS」内も「style.css等」へ貼り付けます。


ボーダー線をHTMLへ追加したいなら以下を 「<table>」 と置き換えます。

<table  border="1">

引用・参考サイト

「bonyspike」様のオンラインで作れるテーブルジェネレーター。

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す