1-4テンプレートの大きさ
1-4テンプレートの大きさを決めよう
■<table>の大きさを決めましょう！
テーブルは「幅」や「高さ」を指定しないと枠（セル）の中の文字や画像の大きさに合わせて大きさが変わってしまいます。（今まで「こんな感じですね（＾＾）」の例は文字が多くなればセルの横幅や高さが広がるものでした）
↓こんな感じですね（＾＾）
□ビクセルの数字で「横幅」を決める
↓こんな感じですね（＾＾）
□ビクセルの数字で「高さ」を決める
↓こんな感じですね（＾＾）
※パーセンテージで決める
「横幅」の指定はピクセルの数字の指定以外にはパーセンテージ（相対指定）で指定できます。
例えばこの日記のもとの横幅の８０％の幅にしたい場合は、
□パーセンテージで「横幅」を決める
↓こんな感じですね（＾＾）
（楽天広場の各ページ場合改行しますと通常の改行＜br＞と同じになります。ですのでタグ通りの表示をさせるためには改行やスペースを全て排除してください。つまり全部つなげちゃうわけです！）
<table border width="300" height="50" ><tr><td>「高さ」指定50ピクセルを加えました</td></tr></table>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■<td>の大きさを決めましょう！
□ビクセルの数字で「横幅」を決める
↓こんな感じですね（＾＾）
□ビクセルの数字で「高さ」を決める
▲横並びのセルの場合です
高さは一行のなかに並んだセルのうち一番大きなセルにあわせて高さがすべてそろいます。（ひとつひとつに指定しても有効ではないのですね）
↓こんな感じですね（＾＾）
▲縦並びのセルの場合です
幅は一行のなかに並んだセルのうち一番大きなセルにあわせて幅がすべてそろいます。（ひとつひとつに指定しても有効ではないのですね）
↓こんな感じですね（＾＾）
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ 
リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）
テーブルは「幅」や「高さ」を指定しないと枠（セル）の中の文字や画像の大きさに合わせて大きさが変わってしまいます。（今まで「こんな感じですね（＾＾）」の例は文字が多くなればセルの横幅や高さが広がるものでした）
<table border>
<tr>
<td>
横幅も高さも「指定なし」です
</td>
</tr>
</table>
<tr>
<td>
横幅も高さも「指定なし」です
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
横幅も高さも「指定なし」です
□ビクセルの数字で「横幅」を決める
<table border width="300"
>
<tr>
<td>
横幅は「300ピクセル」です
</td>
</tr>
</table>
<tr>
<td>
横幅は「300ピクセル」です
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
横幅は「300ピクセル」です
□ビクセルの数字で「高さ」を決める
<table border width="300"
height="50"
>
<tr>
<td>
「高さ」指定50ピクセルを加えました
</td>
</tr>
</table>
<tr>
<td>
「高さ」指定50ピクセルを加えました
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
「高さ」指定50ピクセルを加えました
※パーセンテージで決める
「横幅」の指定はピクセルの数字の指定以外にはパーセンテージ（相対指定）で指定できます。
例えばこの日記のもとの横幅の８０％の幅にしたい場合は、
□パーセンテージで「横幅」を決める
<table border width="80%"
>
<tr>
<td>
横幅は「80%」です
</td>
</tr>
</table>
<tr>
<td>
横幅は「80%」です
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
横幅は「80%」です
（楽天広場の各ページ場合改行しますと通常の改行＜br＞と同じになります。ですのでタグ通りの表示をさせるためには改行やスペースを全て排除してください。つまり全部つなげちゃうわけです！）
<table border width="300" height="50" ><tr><td>「高さ」指定50ピクセルを加えました</td></tr></table>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■<td>の大きさを決めましょう！
□ビクセルの数字で「横幅」を決める
<table border>
<tr>
<td width="100" >
こちらは100px
</td>
<td width="150" >
こちらは150px
</td>
</tr>
</table>
<tr>
<td width="100" >
こちらは100px
</td>
<td width="150" >
こちらは150px
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
こちらは100px
こちらは150px
□ビクセルの数字で「高さ」を決める
▲横並びのセルの場合です
高さは一行のなかに並んだセルのうち一番大きなセルにあわせて高さがすべてそろいます。（ひとつひとつに指定しても有効ではないのですね）
<table border>
<tr>
<td width="100" height="50" >
高さは50pxです
</td>
<td width="150" >
高さ指定していません
</td>
</tr>
</table>
<tr>
<td width="100" height="50" >
高さは50pxです
</td>
<td width="150" >
高さ指定していません
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
高さは50pxです
高さ指定していません
▲縦並びのセルの場合です
幅は一行のなかに並んだセルのうち一番大きなセルにあわせて幅がすべてそろいます。（ひとつひとつに指定しても有効ではないのですね）
<table border>
<tr>
<td width="100" height="30" >
高さは30pxです
</td>
</tr>
<tr>
<td height="70" >
高さは70pxです
</td>
</tr>
</table>
<tr>
<td width="100" height="30" >
高さは30pxです
</td>
</tr>
<tr>
<td height="70" >
高さは70pxです
</td>
</tr>
</table>
↓こんな感じですね（＾＾）
| 高さは30pxです |
|---|
| 高さは70pxです |
リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）- テンプレートMENU
- でめららタグ講座
- マーキー講座
- 楽天HTMLタグ一覧
- スタイルシート索引
- 逆引きスタイルシート
- アクセスアップMENU
- 便利ツール
- カラーチャート
- 文字実体参照
- 絵文字フォント
- 文字フォント
- ウィルス対策
- コピペＢＯＸ
- テーブルを作ろう！
- 枠の太さと色を変えよう！
- 背景を飾ろう！
- 大きさを決めよう！
- 文字･画像の位置を変えよう
- 複数行、列にまたがるセル
- 入れ子にしてみう！
- 枠線を変えよう！
- styleの枠線を付けよう！
- 直接指定で余白を変えよう
【テキストタグ編】
便利でお得な情報コミュニティーサイト
http://www.priority-one.info/
・ 女性下着通販【インナーコレクション】
可愛い女性下着の通販専門サイト
/http://www.priority-one.info/inner/
・ 腸内洗浄紹介【HQCCゲルソン】
肝機能を促進する腸内洗浄紹介ページです。
http://www.priority-one.info/enema/
・ 化粧品通販【cosme-PRIORITY ONE】
基礎化粧品からメイクアップ化粧品、自然化粧品、アンチエイジング、ナノテクノロジー化粧品etc
http://www.priority-one.info/cosme/
ジャンル別一覧
人気のクチコミテーマ
-
-
- 花、風景の写真を撮るカメラとレンズ
- ★ﾔﾌｵｸでSONYﾃﾞｼﾞｶﾒを落札、同機種４…
- (2025-10-04 17:30:05)
-
-
-
- アイフォン・アイポッドの必需品
- スティーブ・ジョブズの死に際に発し…
- (2025-07-14 03:41:24)
-
-
-
- 【楽天市場】☆☆楽天おかいどくお買い…
- 【総合ランキング1位獲得★】福袋おせ…
- (2025-11-15 02:57:00)
-
© Rakuten Group, Inc.
