ホームページの右寄せとセンタリング ホームページの文字や画像の右寄せとセンタリングをしてみましょう。 ホームページのデザインとレイアウトなどに幅を持たせてくれます。 通常は左寄せになっています。 使うタグはALIGNです。 <center>ここに文字を入れる</center> で一行だけをセンタリングする事も可能です。 |
| ホームページの右寄せとセンタリング | |
![]() |
まずは右寄せやセンタリングしたい 文字列にカーソルを移動します。 □で囲んだ部分を押すと文字が中央にきましたよね? これでセンタリングが出来ました。 |
![]() |
画面上部の書式タブからでも変更出来ます。 同じように下の画像も右寄せしてみましょう。 |
![]() |
こんな感じになりました。 HTMLソースで、どこにどんなタグが挿入されたかチェックします。 |
![]() |
図の位置にALIGNが挿入されました。 FONTタグと同じで中に組み合わせるタイプのタグです。 単体では指定出来ないのでPタグDIVタグと 組み合わせて使います。 |
![]() |
PタグをDIVに変更してみましょう。 ページ編集を押して確認してください。 同じようにセンタリングされていますよね? 同じ感じではありますが 状況で使い分けるので全く同じではありません。 |
![]() |
同じように<CENTER></CENTER>タグを使ってみました。 これも表示チェックしてみてください。 同じ感じですよね? 注意が必要で<LEFT>や<RIGHT>は存在しません。 センタリングのみ有効なタグです。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |