<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>ゴーヤチャンプルのブログ</title>
<link>https://ameblo.jp/read0006/</link>
<atom:link href="https://rssblog.ameba.jp/read0006/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>pc 用語等の自分用控え</description>
<language>ja</language>
<item>
<title>テーブルタグ</title>
<description>
<![CDATA[ <p><a href="http://hp-sozai.net/html_table.html">http://hp-sozai.net/html_table.html</a></p><br><p></p><table class="tag-main" cellspacing="1" summary="■説明" bgcolor="#aaaaaa"><tbody><tr class="h"><th colspan="2">テーブルタグで表を作る</th></tr><tr class="d"><td width="34" align="center">タグ</td><td>&lt;table&gt;<br>&lt;tr&gt;<br>&lt;td&gt;内容&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt; </td></tr><tr class="e"><td align="center">見本</td><td>&lt;table&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字1&lt;/td&gt;&lt;td&gt;文字2&lt;/td&gt;&lt;td&gt;文字3&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字4&lt;/td&gt;&lt;td&gt;文字5&lt;/td&gt;&lt;td&gt;文字6&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字7&lt;/td&gt;&lt;td&gt;文字8&lt;/td&gt;&lt;td&gt;文字9&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt; </td></tr><tr class="kekka"><td>結果</td><td><table><tbody><tr><td>文字1</td><td>文字2</td><td>文字3</td></tr><tr><td>文字4</td><td>文字5</td><td>文字6</td></tr><tr><td>文字7</td><td>文字8</td><td>文字9</td></tr></tbody></table></td></tr><tr class="e"><td align="center">見本</td><td>&lt;table <strong>border</strong>&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字1&lt;/td&gt;&lt;td&gt;文字2&lt;/td&gt;&lt;td&gt;文字3&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字4&lt;/td&gt;&lt;td&gt;文字5&lt;/td&gt;&lt;td&gt;文字6&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字7&lt;/td&gt;&lt;td&gt;文字8&lt;/td&gt;&lt;td&gt;文字9&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt; </td></tr><tr class="kekka"><td>結果</td><td><table border="1"><tbody><tr><td>文字1</td><td>文字2</td><td>文字3</td></tr><tr><td>文字4</td><td>文字5</td><td>文字6</td></tr><tr><td>文字7</td><td>文字8</td><td>文字9</td></tr></tbody></table></td></tr><tr class="e"><td align="center">見本</td><td>&lt;table <strong>border="5"</strong>&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字1&lt;/td&gt;&lt;td&gt;文字2&lt;/td&gt;&lt;td&gt;文字3&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字4&lt;/td&gt;&lt;td&gt;文字5&lt;/td&gt;&lt;td&gt;文字6&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;tr&gt;<br>&lt;td&gt;文字7&lt;/td&gt;&lt;td&gt;文字8&lt;/td&gt;&lt;td&gt;文字9&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt; </td></tr><tr class="kekka"><td>結果</td><td><table border="5"><tbody><tr><td>文字1</td><td>文字2</td><td>文字3</td></tr><tr><td>文字4</td><td>文字5</td><td>文字6</td></tr><tr><td>文字7</td><td>文字8</td><td>文字9</td></tr></tbody></table></td></tr></tbody></table><p></p><br><p><strong>&lt;table&gt;</strong> がテーブルタグの始まりです。基本的に <strong>&lt;tr&gt;</strong> や <strong>&lt;td&gt;</strong> とセットで使用します。<br><strong>&lt;tr&gt;</strong> は縦の段を１段増やせます。 <strong>&lt;td&gt;</strong> は横の文字を書ける部分（セル）を１つ増やせます。<br>「<strong>border</strong>」 部分は、表に枠を表示するという意味です。<br>これを無しにすると透明になるので、それをレイアウトの基礎に使用すると便利です。<br>「<strong>border</strong>」 を 「<strong>border="数字"</strong>」 のように数字で外枠の太さを変える事もできます。</p><br><br><p>テーブルタグの概要</p><br><p><strong>&lt;table&gt; タグに使える効果。</strong> </p><ul><li>「<strong>cellpadding</strong>」 １マス（セル）の余白を指定する。 </li><li>「<strong>cellspacing</strong>」 テーブルの境界線の間隔を指定する。 </li><li>「<strong>align</strong>」 テーブルの位置を指定する。 align="★"<br>　「<strong>left</strong>」 テーブル全体を左に表示する。<br>　「<strong>center</strong>」 テーブル全体を真ん中に表示する。<br>　「<strong>right</strong>」 テーブル全体を右に表示する。 </li><li>「<strong>summary</strong>」 表の概要や説明を書いておく （実際に表示されない）<br>編集するときに分かり易くするために書いておくと便利です。 </li><li>「<strong>width</strong>」 テーブル全体の横幅を指定する。 </li><li>「<strong>height</strong>」 テーブル全体の縦幅を指定する。 </li><li>「<strong>background</strong>」 背景画像を表示する。 </li><li>「<strong>bgcolor</strong>」 背景色を指定する（<a href="http://blog.ameba.jp/ucs/entry/sakusei_color.html">色見本</a>） </li><li>「<strong>border</strong>」 外枠の太さを指定する。 </li><li>「<strong>bordercolor</strong>」 外枠の色を指定する（<a href="http://blog.ameba.jp/ucs/entry/sakusei_color.html">色見本</a>） </li><li>「<strong>bordercolorlight</strong>」 外枠の立体的な明るい部分の色を指定する（<a href="http://blog.ameba.jp/ucs/entry/sakusei_color.html">色見本</a>） </li><li>「<strong>bordercolordark</strong>」 外枠の立体的な暗い部分の色を指定する（<a href="http://blog.ameba.jp/ucs/entry/sakusei_color.html">色見本</a>） </li><li>「<strong>frame</strong>」 外枠の表示方法。 frame="★"<br>　「<strong>border</strong>」 上下左右の外枠を表示する（初期値）<br>　「<strong>void</strong>」 外枠を表示しない。<br>　「<strong>hsides</strong>」 上下の外枠だけを表示する。<br>　「<strong>vsides</strong>」 左右の外枠だけを表示する。<br>　「<strong>above</strong>」 上の外枠だけを表示する。<br>　「<strong>below</strong>」 下の外枠だけを表示する。<br>　「<strong>lhs</strong>」 左の外枠だけを表示する。<br>　「<strong>rhs</strong>」 右の外枠だけを表示する。<br></li><li>「<strong>rules</strong>」 内枠の表示方法。 rules="★"<br>　「<strong>all</strong>」 すべての枠を表示する（初期値）<br>　「<strong>none</strong>」 内部の線を表示しない。<br>　「<strong>rows</strong>」 内部の横線だけを表示する。<br>　「<strong>cols</strong>」 内部の縦線だけを表示する。<br>　「<strong>groups</strong>」 &lt;thead&gt;、&lt;tbody&gt;、&lt;tfoot&gt;、&lt;colgroup&gt; で指定した線のみ表示する。<br></li></ul><p><br><strong>&lt;td&gt; &lt;th&gt; タグに使える効果。</strong> </p><ul><li>「<strong>align</strong>」 横の位置を指定する。 align="★"<br>　「<strong>left</strong>」 1マス（セル）の内容を左に表示する。<br>　「<strong>center</strong>」 1マス（セル）の内容を真ん中に表示する。<br>　「<strong>right</strong>」 1マス（セル）の内容を右に表示する。 </li><li>「<strong>valign</strong>」 縦の位置を指定する。 valign="★"<br>　「<strong>top</strong>」 1マス（セル）の内容を上に表示する。<br>　「<strong>middle</strong>」 1マス（セル）の内容を縦中央に表示する。<br>　「<strong>bottom</strong>」 1マス（セル）の内容を下に表示する。<br>　「<strong>baseline</strong>」 1マス（セル）の内容をベースラインに揃えて表示する。<br></li><li>「<strong>width</strong>」 1マス（セル）の幅を指定する。 </li><li>「<strong>height</strong>」 1マス（セル）の高さを指定する。 </li><li>「<strong>bgcolor</strong>」 1マス（セル）の背景色を指定する（<a href="http://blog.ameba.jp/ucs/entry/sakusei_color.html">色見本</a>） </li><li>「<strong>background</strong>」 背景画像を指定する。 </li><li>「<strong>colspan</strong>」 横方向の1マス（セル）の連結数を指定する。 </li><li>「<strong>rowspan</strong>」 縦方向の1マス（セル）の連結数を指定する </li><li>「<strong>nowrap</strong>」 1マス（セル）内の折り返しを禁止する。 </li></ul><p><br><strong>&lt;caption&gt; タグに使える効果。</strong> </p><ul><li>「<strong>align</strong>」 位置を指定する。 align="★"<br>　「<strong>top</strong>」 表の上の真ん中に表示（初期値）<br>　「<strong>bottom</strong>」 表の下の真ん中に表示。<br>　「<strong>left</strong>」 表の左に表示する。<br>　「<strong>right</strong>」 表の右に表示する。<br></li></ul><p><br><strong>&lt;thead&gt; &lt;tfoot&gt; &lt;tbody&gt; タグに使える効果。</strong> </p><ul><li>「<strong>align</strong>」 横の位置を指定する。 align="★"<br>　「<strong>left</strong>」 グループの1マス（セル）の内容を左に表示する。<br>　「<strong>center</strong>」 グループの1マス（セル）の内容を真ん中に表示する。<br>　「<strong>right</strong>」 グループの1マス（セル）の内容を右に表示する。<br></li><li>「<strong>valign</strong>」 縦の位置を指定する。 valign="★"<br>　「<strong>top</strong>」 グループの1マス（セル）の内容を上に表示する。<br>　「<strong>middle</strong>」 グループの1マス（セル）の内容を真ん中に表示する。<br>　「<strong>bottom</strong>」 グループの1マス（セル）の内容を下に表示する。<br>　「<strong>baseline</strong>」 グループの1マス（セル）の内容をベースラインに揃えて表示する。<br></li></ul><p><br><strong>&lt;colgroup&gt; &lt;col&gt; タグに使える効果。</strong> </p><ul><li>「<strong>span</strong>」 グループ化させる列を指定する。 </li><li>「<strong>width</strong>」 列の横幅を指定する。 </li><li>「<strong>align</strong>（IE)」 横の位置を指定する。 align="★"<br>　「<strong>left</strong>」 グループの1マス（セル）の内容を左に表示する。<br>　「<strong>center</strong>」 グループの1マス（セル）の内容を真ん中に表示する。<br>　「<strong>right</strong>」 グループの1マス（セル）の内容を右に表示する。<br></li><li>「<strong>valign</strong>（IE)」　縦の位置を指定する。 valign="★"<br>　「<strong>top</strong>」 グループの1マス（セル）の内容を上に表示する。<br>　「<strong>middle</strong>」 グループの1マス（セル）の内容を中央に表示する。<br>　「<strong>bottom</strong>」 グループの1マス（セル）の内容を下に表示する。<br>　「<strong>baseline</strong>」 グループの1マス（セル）の内容をベースラインに揃えて表示する。<br></li><li>「<strong>bgcolor</strong>」 グループの背景色を指定する（<a href="http://blog.ameba.jp/ucs/entry/sakusei_color.html">色見本</a>）</li></ul><br>
]]>
</description>
<link>https://ameblo.jp/read0006/entry-10972967022.html</link>
<pubDate>Tue, 02 Aug 2011 12:15:46 +0900</pubDate>
</item>
<item>
<title>はじめまして</title>
<description>
<![CDATA[ はじめてですがどうぞよろしく。
]]>
</description>
<link>https://ameblo.jp/read0006/entry-10927331525.html</link>
<pubDate>Sat, 18 Jun 2011 20:19:44 +0900</pubDate>
</item>
</channel>
</rss>
