ＨＴＭＬタブ＜ＴＡＢＬＥ＞の使い方について

ＨＴＭＬタブの中のＴＡＢＬＥの使い方についてまとめてみた。

幅をピクセル数で指定する

ソース

<table border=”3″>
<tr>
<td width=”100″>100</td>
<td width=”120″>120</td>
</tr>
</table>

実装例

widthとheightを指定する

ソース

<table border=”2″>
<tr>
<td width=”50″ height=”100″>50×100</td>
<td width=”120″>120×100</td>
</tr>
</table>

実装例

widthを％で指定する

ソース

<table border=”1″ width=”100%”>
<tr>
<td width=”50%”>50%</td>
<td width=”50%”>50%</td>
</tr>
</table>

実装

応用例

ソース

<table border=”０” width=”100%”　bgcolor=”#ffffff”>
<tr>
<td width=”50%”>

今日はマックに行ってハンバーガーを食べてきた

今ダブルサイズキャンペーンをやっていて１００円でパディを追加できたのでやってみた。

１００円のハンバーガーにパティを追加して２００円になった！

ハンバーガー２個頼んだほうが食べれるんじゃねえか！

ダブルハンバーガーがお得だな！

</td>
<td width=”50%”>

パディキャンペーンは夜マックでしかやってないみたいだった。

まー昼マック食べることは万に一つもないけどな。

赤坂に無いし。

■マックの呼び名

<a href=”http://www.mcdonalds.co.jp/”>マック</a>,<a href=”http://www.mcdonalds.co.jp/”>マクド</a>,<a href=”http://www.mcdonalds.co.jp/”>マクドナルド</a>

■夜マックについて

<a href=”http://www.mcdonalds.co.jp/campaign/yorumac/”>夜マック</a>,<a href=”http://www.mcdonalds.co.jp/campaign/yorumac/”>夜マクド</a>,<a href=”http://www.mcdonalds.co.jp/campaign/yorumac/”>夜マクドナルド</a>

</td>
</tr>
</table>

実装

■夜マックについて