ブログでの表作成について教えて下さい。
ブログでExcelのような表を書きたいのですが、どのようにすればよいでしょうか?
そこには、お勧めサイトの名前等を書いて
リンクを貼り付けたいと思っています。
どなたかご教授下さい。
回答(1)
1.

<table> <tr> <td>サイト名1</td> <td>URL1</td> </tr> <tr> <td>サイト名2</td> <td>URL2</td> </tr> <tr> <td>サイト名3</td> <td>URL3</td> </tr> <tr> <td>サイト名4</td> <td>URL4</td> </tr> </table>
こんな感じです。
これを投稿画面に打ち込んでください。
わかりやすいように改行してありますが、もしnamiさんが、マイブログページのカスタマイズ/管理で、投稿フォームの設定を「改行を反映」にしている場合は、この上に書いた内容を全部詰めて書いてください。でないと正しく表示されません。。。
それと、
td>サイト名1</td> <td>URL1</td></td>と<td>の間に隙間がありますが、ここも詰めてくださいね☆
これで左側にサイト名、右側にURLを乗せた表ができあがります。
マネしてやってみてください☆
コピーして貼り付けて自分の変えたいところだけ変えてもいいかと思います。
いろいろ表の設定もできるのですが、これが一番簡単な表だと思います☆
非常に分かり易い回答で、私の思っていた事を全て解決できました。まだまだブログを始めたばかりなので、今後もお世話になるかも知れません。ありがとうございました。
コメント(5)
URLをクリックしてサイトに飛んでいくようにするには、
<a href="サイトのURL">URL1</a>とします。
別ページで開きたい場合は、
<a href="サイトのURL" target="blank">URL1</a>とします。
ですので回答1に当てはめるとするなら、
<td><a href="...">URL1</a></td>になります(^_^)
キャンディさん。ありがとうございます。
上記回答に沿って試したのですが、二つ質問があります。
一つ目は、Excelのように線は入らないんでしょうか?
二つ目は、先に文章を書いた後に<table>以下を記述したのですが、文章とテーブル間に空白が何行もできてしまいます。できれば詰めたいのですが、どうすればいいでしょうか?
よろしくお願いします。
>一つ目は、Excelのように線は入らないんでしょうか?
すいませんっ!(>_<)
<table>の後ろに、<table border="1">と入力してください。borderが枠を意味していて数字は太さです。数字が大きくなればなるほど枠が大きくなっていきます。
>文章とテーブル間に空白が何行もできてしまいます
むむむ…?
空白な何行もできるとは、
これからリンクの名前とURLを紹介したいと思います☆ ぜひ見てくださいねっ <table> ....といった意味ですか?
それでしたら文章が終わったら改行(ENTERキー)して、文章の真下から<table>を書き始めれば、空白なく表をいれることができます。。。☆
ありがとうございました。
表の枠については、簡単に解決できました。
空白の件は、"改行をそのまま反映"の設定なのに、
回答(1)のサンプルのまま貼り付けた為に生じていました。
改行や空白を埋める事で解決できました(^^)
大変お世話になりました。ありがとうございました。
トラックバック(3)
livedoorブログで簡単に?表を作成する
livedoorブログで不便だと思うことは、表が簡単に作成できないことです。表が作れれば、画像の回り込みなどのHTMLの面倒な記述もしなくてよく、半角と全角の文字のズレなどの、ストレスから開放されます。 わたしの場合は、HTMLエディタを開くのが面倒なのでよく使う表のフ....


