ブログに表を書くには? テーブルタグ 応用編-1 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

$あんなこと そんなこと どうでもいいこと...


以前、「ブログに表を書くには? テーブルタグの作り方$あんなこと そんなこと どうでもいいこと...-外部リンク」で(↓)のような表(テーブルタグ)の作り方をご紹介しました。(※表の中の文字←テキストはリンクになってます↓。3x3の9枠です。)


鎌田紘子榮倉奈々桐谷美玲
坂口杏里重盛さと美菜々緒
吉木りさ田中涼子R18指定?


で今回はこの表(テーブルタグ)に色とタイトルを付けてみたいと思います。

<Div Align="center"><Table Border="2" BorderColor="#00cc00" BgColor="#FFD5EC" Cellspacing="2"><Caption><b>『微乳一覧笑;^^』</b></Caption><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11399366601.html" target="_blank">鎌田紘子</a></Td><Td><a href="http://ameblo.jp/wantan-52/theme-10064112034.html" target="_blank">榮倉奈々</a></Td><Td><a href="http://ameblo.jp/wantan-52/theme11-10063693976.html" target="_blank">桐谷美玲</a></Td> </Tr><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11370206271.html" target="_blank">坂口杏里</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11397287221.html" target="_blank">重盛さと美</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11437052897.html" target="_blank">菜々緒</a></Td> </Tr><Tr><Td><a href="http://ameblo.jp/wantan-52/entry-10899261597.html" target="_blank">吉木りさ</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11432394985.html" target="_self">田中涼子</a></Td><Td><a href="http://ameblo.jp/wantan-52/entry-11199688629.html" target="_blank"><font size="2">R18指定?</font></a></Td> </Tr></Table></Div>



青字の箇所にタイトルを入れて下さい。

赤字の箇所に入れたい文章「テキスト」(※↑はテキストリンクタグ)を入れて下さい。

※上の行のBorderColor="#00cc00"←枠線の色になります。
BgColor="#FFD5EC"←背景の色です。
お好みで調整して下さい。⇒カラーコード一覧表$あんなこと そんなこと どうでもいいこと...-外部リンク

こうなります(↓)。


『微乳一覧笑;^^』
鎌田紘子榮倉奈々桐谷美玲
坂口杏里重盛さと美菜々緒
吉木りさ田中涼子R18指定?


※参考まで⇒アメブロでリンクを貼る方法(動画説明)$あんなこと そんなこと どうでもいいこと...-外部リンク

※⇒ブログ記事欄に表(テーブル)を書く方法(基礎編)

・あ、あと自分のOSはWindows 7。ブラウザはFirefox バージョン22.0です。
利用者様の環境や、ブログサービス(アメブロさんとか・・)側の仕様変更で反映されない場合は、申し訳ありませんが自己責任でお願い致します。(自分が間違ってたりして・・汗)
自分のgooブログとfc-2ブログでは、キッチリと反映されました。順次、クローム、オペラ等ブラウザを変えて動作確認していきたいと思います。


最初はチョット面倒ですけど、一度造ってメモ帳などに保存しておけば、コピペだけで簡単に貼り付けられるので便利かと思います。

自分のこのブログもQlook(クルック)アクセス解析$あんなこと そんなこと どうでもいいこと...-外部リンクでチョコチョコ調べたりしてますが、モバイル(携帯やスマホ等)のアクセスがだんだん増えて来てる気がします。
モバイルだと、メニューバー(グローバルナビ)や、サイドバー、メッセージボードが表示されないみたいですね。
自分のスマホでもPC版に切り替えないと、記事の部分しか表示されません。

このテーブルタグはモバイル対策としても有効ではないかと思います。

参考になれば幸いです。
ペコリm(_ _ )m





おまけ;^^

マイケル・ジャクソン スーダラ節


ワンタンさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス