PR

2009年1月1日木曜日

シンプルなtable

<table style="border: 1px solid rgb(99, 140, 237); background-color: rgb(124, 205, 124);" cellpadding="7" cellspacing="1" width="190" height="50"><tbody><tr><td style="font-size: 10pt; color: #2E8B57"><center>タイトル</center>
<center>項目1</center>
<center>項目2</center>
<center>項目3</center>
</td></tr></tbody></table>

タイトル
項目1
項目2
項目3

solid 枠の色
background-color:背景色
width=横幅
height=高さ
font-size:文字の大きさ
color:文字の色

あたりを変えて使いましょう
もちろんタイトルと項目はお好きなように

・注意・
コピーペーストで使う場合は
「改行」を全て削除した方が
いい場合があります


これは使いやすいかも?

リンク集(項目別)

便利なリンク集
Blogger
Bloggerに関するサイトのリンク集
レイアウト
ホームページやブログのレイアウトに関するリンク集
Google
Googleの便利な使い方
募集中
募集中

HTML table (表) 基本

table
・基本中の基本です

<table border="1">

<tr><td>あああ</td><td>いいい</td></tr>
<tr><td>かかか</td><td>ききき</td></tr>
<tr><td>さささ</td><td>ししし</td></tr>
</table>

実際の表示
あああいいい
かかかききき
さささししし

レイアウトを作ったりするのに便利ですがブラウザによってはうまく表示されない事があるようです
「コピー」「ペースト」してBloggerで使用すると表の上に空白ができます
使用する場合はHTMLの編集で「改行」を全て削除して下さい


border="1"の数字を変えると外側の枠の幅が変わります

「5」
あああいいい
かかかききき
さささししし


「10」
あああいいい
かかかききき
さささししし



・見出しを付ける

<table border="1">
<tr><th>「あ」の列</th><th>「い」の列</th></tr>
<tr><td>あああ</td><td>いいい</td></tr>
<tr><td>かかか</td><td>ききき</td></tr>
<tr><td>さささ</td><td>ししし</td></tr>
</table>

実際の表示
「あ」の列「い」の列
あああいいい
かかかききき
さささししし

「<th>」と「</th>」に挟まれた文字は太字になりセル(文字の入っている枠)の中央に表示されます

Blogger link

ここには私がBloggerブログを始めた時に何度も拝見してお世話になり、今でも新しい情報をいただいているサイトのリンクを投稿しています
Blogger リンク集
クリボウのBlogger入門google Bloggerでブログの始め方、マニュアル
クリボウのBlogger TipsBloggerの新情報
clmemo@akaコンピュータ総合 Bloggerについてもかなり詳しく説明されている
Bloggerブログコミュニティー日本語blogger同士で情報を集め合うコミュニティー。困っている事の答えがあるかも?
hummingbirdPC総合、Bloggerについての投稿も多く、オリジナルテンプレートを配布している

Google Link

Google便利サイト
Google ManiaGoogleの便利なノウハウ
GmailGmailの使い方まとめ
<< 最近の記事 >>
  • 実技と講習はバランスですよね - ここしばらく気まぐれ更新になってしまってるんですが、音楽環境・pc環境など、手探りで整えつつあります。dtmと生音を使いながら楽しみたいのですが、私のまわりの方々は生音派で体育会でdtmの正確さもすばらしい事ですが一発録りに気合を入れる彼等にココロ動かされる事多き日々です。そんなこんなで最近は音楽理論をほったらか...
スポンサードリンク