HTMLタブ<TABLE>の使い方について | 広報活動.JP

HTMLタブ<TABLE>の使い方について

NO IMAGE

HTMLタブの中のTABLEの使い方についてまとめてみた。

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

ソース

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

実装例
100 120

widthとheightを指定する

ソース

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

実装例
50×100 120×100

widthを%で指定する

ソース

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

実装
50% 50%

応用例

ソース

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

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

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

100円のハンバーガーにパティを追加して200円になった!

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

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

 

</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>

実装

■夜マックについて

 

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

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

100円のハンバーガーにパティを追加して200円になった!

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

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

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

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

赤坂に無いし。

■マックの呼び名
マック,マクド,マクドナルド
■夜マクドについて
夜マック,夜マクド,夜マクドナルド