誰でも簡単に作れるテーブルタグを生成するサイトです。
rowspanやcolspanの設定などで悩むことなく、HTMLの知識がなくても直感的に作成できます。
サイト:Table Tag Generator | HTMLの表を簡単に作成・結合ツール。テーブルタグジェネレーター
使い方は以下を参考にして下さい。
![](https://hpmake.macoou.com/wp-content/uploads/2021/04/854cb9fe999b23c95cb947597157cf06.png)
トップページへアクセスして、テーブルの行と列の個数を決めましょう。
![](https://hpmake.macoou.com/wp-content/uploads/2021/04/993b6aececfb71d3897c39e327229a86.png)
テーブル内をマウスでドラッグして、「結合・分割・td th」を行います。
![](https://hpmake.macoou.com/wp-content/uploads/2021/04/f1261c8f563ad6577c655f5718a4c6f7.png)
試しに1列目をドラッグして「th」に変換しました。
![](https://hpmake.macoou.com/wp-content/uploads/2021/04/8674e527d23eaa3dce45c8170e15da69.png)
次に「文字」をクリックして、テーブル内に文字を入力しましょう。
完了したら「出力」をクリック。
![](https://hpmake.macoou.com/wp-content/uploads/2021/04/aa83940ddea8cc73c335d6827b58249e.png)
出来上がったテーブルは左下の「HTML」内にテーブルタグが載っています。
全てドラッグしてコピーします。
ホームページやブログへペーストすれば簡単に完了です。
同時にCSSも作成されます。必要に応じて「CSS」内も「style.css等」へ貼り付けます。
ボーダー線をHTMLへ追加したいなら以下を 「<table>」 と置き換えます。
<table border="1">
引用・参考サイト
「bonyspike」様のオンラインで作れるテーブルジェネレーター。