雲の向こうはいつも青空

好きな物とか琴線に触れた物とか

おすすめテーブルタグジェネレータ・ HTMLの表を簡単に作成。複雑な表の結合も文字の入力も簡単に出来ます。

スポンサードリンク


f:id:shhiai:20160328125329p:plain

@soraです。

ブログで表組みを作成するのって結構面倒臭いと思いませんか?
はてなブログの場合はHTMLのテーブルタグを使うか、表組み記法を利用する方法があります。

表組みをつくる(表組み記法) - はてなダイアリーのヘルプ


どっちを使うにしても面倒なので僕はテーブルタグジェネレータを利用してます。


tabletag.net


こんな表を作る方法


文字1 文字4
文字2 文字5
文字3 文字6


①行数と列数を指定。

②「文字」をクリック

f:id:shhiai:20160328195533p:plain


①セルに文字を入力。

②「出力」をクリックする。

f:id:shhiai:20160328195914p:plain


①表が完成。

②HTMLとCSSが生成される。


f:id:shhiai:20160328200138p:plain


生成されたHTMLとCSS。

HTMLをブログに貼り付ける。

f:id:shhiai:20160328200347p:plain

<table>
	<tbody>
		<tr>
			<td>文字1</td>
			<td>文字4</td>
		</tr>
		<tr>
			<td>文字2</td>
			<td>文字5</td>
		</tr>
		<tr>
			<td>文字3</td>
			<td>文字6</td>
		</tr>
	</tbody>
</table>


tabletag.net

そらのまとめ

どうでしょうか?

面倒な表作成もこのジェネレーターを使えば、いとも簡単に作れてしまいます。

表の線種や色の変更などはCSSで指定できます。

Instagram 昨日の1ショット

Instagramもやってますのでフォローよろしくお願いします。

これ、前から気になってたんです!

そらさん(@sora5174)が投稿した写真 -

昨日のテーマ

家族サービス頑張る

達成度(5段階評価) ■■■■■

昨日の1日1新

1日1新の詳細はこちら→click!

iPdd Air2


明日の記事


ForeAthlete225J開封の儀

明日の記事はForeAthlete225J開封の儀です。

どうぞ、お楽しみに。