ホームページできるかな/超初心者さん向きHP作成
Web dekirukana.net
サイトメニュー >> ホームページのデザインテンプレートをダウンロードできるサイト
トップページ
HPのはてな?
HPはどこにある?
HPのなかみ
HTMLって?
相対・絶対パス
つくってみよう!
用意するもの
作成手順
HP用素材
基本の小技集
HPを公開!
もっと知ろう!
タグのプレビュー
いろいろな色
特殊文字
記号のよみかた
PCコラム
メール
メールフォーム BBS
掲示板

リンク
リンクについて
お役立ちリンク
自動相互リンク
レンタルサーバー
プロバイダー
広告でおこづかい
参考文献
【クリック募金】


【ウィルス対策】
Click Here!

【HTMLタグ】
みんなのタグ辞書
TAG <index>

【PCトラブル】
Windows.FAQ

【ランキング】
206 Web Ranking
ホームページの情報屋さん

【P R】


Click Here!

Click Here!



位置(ポジション)

> タグの簡易テスト(別窓)
| 右寄せ | 左寄せ | 中央揃え |

左寄せ

| タグ | スタイルシート |

■タグで指定
左寄せの指定をする場合<body>〜</body>にある寄せたいもの(画像や文字など)を以下のタグで囲みます。
<html>
<head>
<title> </title>
</head>

<body>
☆タグでこの部分の左寄せしたい文字や画像を囲みます☆
</body>

</html>

タグ記述
<div align="left">
画像や文字など
</div>
表示例
<div align="left">
画像や文字など
</div>


■スタイルシートで指定
スタイルシートは<body>〜</body>の表示部分とは別に、<head>〜</head>内に記述して使います。すると<body>〜</body>の表示部分は何もしなくてもよく、ページ全体にスタイルシートの内容が適用されます。
この場合は<body>区間に表示されるものすべてが左寄せになります。
ほとんどすべてのブラウザは何も記述しなくても初めから左寄せの設定になっているので、これは特に記述する必要はないでしょう。でも一応(笑)
<html>
<head>
<title> </title>
☆スタイルシートはこの部分に記述します☆
</head>

<body>
</body>

</html>
スタイルシート記述
<style type="text/css">
<!--
body { text-align: left; }
-->
</style>

Point
スタイルシートで一括指定しても、<body>区間でタグを記述することにより、個別に位置を変えられます。
これは表示される優先順位が タグ > スタイルシート だからです。
タグは文章の構造を指定するもの、スタイルシートはそのタグに沿ってデザイン的要素を決定するものなので、基幹となるタグの方がブラウザにとって重要視すべきものなんですね。
左寄せのタグの場合、スタイルシートですべて右寄せや中央揃えになっているときに使えますよ。


このページのトップへ
BACK HOME
ホームページできるかな
相対パス・絶対パス HTMLって? ホームページのなかみ ホームページはどこにある? 作成手順 作成サンプル 用意するもの ホームページ用素材 HPを公開!FFFTP 基本の小技集 コラム 特殊文字 記号のよみかた いろいろな色 タグの簡易プレビュー
Copyright(C) 2003-2005 laz All rights reserved.
当サイト内の無断使用及び無断転載を固く禁じます。