全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ(テーブル)
| HTML(応用編)
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
・テーブルをつかう
■ テーブル内のヨコ位置を変える
前回は、テーブル内のタテ位置を指定する方法でした。
今回は、テーブル内のヨコ位置を変える方法を学んでいきましょう。
テーブル内の位置を変えるときは
「align」属性と「valign」属性をつかいます。 |
今回はヨコの位置を変える「align」属性をつかってみましょう。
属性値には「left」「center」「right」をいれます。
たとえばこの例をみてください。
「align="left"」としたとき:
| → | (「<table border="1">
<tr><td align="left">●</td></tr>
<tr><td align="left">□</td></tr>
<tr><td align="left">▲</td></tr>
</table>」と入力)
| 「align="center"」としたとき:
| → | (「<table border="1">
<tr><td align="center">●</td></tr>
<tr><td align="center">□</td></tr>
<tr><td align="center">▲</td></tr>
</table>」と入力)
| 「align="right"」としたとき:
| → | (「<table border="1">
<tr><td align="right">●</td></tr>
<tr><td align="right">□</td></tr>
<tr><td align="right">▲</td></tr>
</table>」と入力)
| 「別々の位置にしたとき: | → | (「<table border="1">
<tr><td align="left">●</td></tr>
<tr><td align="center">□</td></tr>
<tr><td align="right">▲</td></tr>
</table>」と入力)
|
↑
解りやすいようにテーブルの幅を変えています。
このように文字の位置を変えることができました。
お気に入りの記事を「いいね!」で応援しよう
Last updated
2008.12.21 08:12:38
もっと見る
|
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
エラーにより、アクションを達成できませんでした。下記より再度ログインの上、改めてミッションに参加してください。
x