ブログ記事に表を入れる:初心者でもできるブログカスタマイズ

プロフィール

初心者のためのブログカスタマイズ： Samy(サミー)

フリーランスデザイナーです。
個人では名刺、フライヤー、ＨＰ、ロゴ製作をしています。

設計事務所では法規の協議、製図、３Ｄ作製、看板デザイン、グラフィック、プロダクト、設計デザインに携わっています。

幼少期から多趣味の飽き性ですが(笑)、絵、ドライブ、写真、歌、書道(４段)、料理、ＰＣは飽きずに続いています。

オーストラリアで暮らそうと計画中♪

このブログは元管理人のMIS山川さんから受け継いで更新させて頂いてます。

ブログ内検索

アクセスカウンタ

オーナーへメッセージ

› 初心者でもできるブログカスタマイズ › 記事エリアをカスタマイズ › ブログ記事に表を入れる

2014年07月18日

ブログ記事に表を入れる

こんにちはSamyです（＾ｖ＾）ノ

ブログ記事内に表を作る手順です。

ブログ記事内で価格表や
説明のための表を入れたい時ってありますよね。

たとえばhtmlタグを使って▼のような表をつくる場合

マンゴー	１個	1,000円
いちご	２パック	800円
レモン	３個	400円

htmlコードは下記のようになります。

<table border="0" width="300" height="80" cellspacing="1" cellpadding="10" bgcolor="#000000">


<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">マンゴー</th>
<td>１個</td>
<td align="right">1,000円　</td>
</tr>


<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">いちご</th>
<td>２パック</td>
<td align="right"　cellpadding="10">800円　</td>
</tr>


<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">レモン</th>
<td>３個</td>
<td align="right">400円　</td>
</tr>

</table>

メモ

<th>～</th>←見出しセル
<td>～</td>←データセル

列を増やしたければ<td>～</td>をコピペ
行を増やしたければ<tr>～</tr>をコピペ

同じカテゴリー（記事エリアをカスタマイズ）の記事

コメントの文字の大きさを変える方法(2012-06-01 20:58)

記事毎に背景色を変える方法(2012-04-07 08:05)

記事エリアに枠を付ける(2012-03-09 09:05)

記事タイトルの背景に画像を使う(2012-03-08 12:37)

記事タイトルの背景色を変更する(2012-03-08 09:01)

記事の背景色を変更する(2012-03-07 17:32)

Posted by 初心者のためのブログカスタマイズ： Samy(サミー) at 11:46│Comments(0) │記事エリアをカスタマイズ

※このブログではブログの持ち主が承認した後、コメントが反映される設定です。

名前:
メール:
URL:
情報を記憶:
コメント:
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込