文章を真ん中、右、左に寄せる

ホームページの文章のレイアウトで中央に寄せたり右に寄せたりといったことも必要になるでしょう。 まずはやってみましょう。下記のように記述してください。

<html>
<head>
<title>私のホームページのタイトル</title>
</head>
<body>
<h1 align=”center”>ようこそ私のホームページへ。</h1>
<p align=”right”>私の趣味は写真です。</p>
<p align=”left”>私の撮った写真を載せていこう。</p>
<h2 align=”right”>ようこそ私のホームページへ。</h2>
<div align=”center”>私の趣味は写真です。</div>
<div align=”right”>私の撮った写真を載せていこう。</div>
</body>
</html>

いかがでしょうか?こんな風に表示されましたか?
<h>、<p>、<div>のタグすべて書き方は同じですね。

半角スペースを空けてalign=”leftまたはcenterまたはright”を追加すればよいだけです。この記述は文章だけではなく画像などを中央寄せ、右寄せ、表の中央寄せ、右寄せなどにも使います。

さてそれでは次に表(テーブル)の作り方です。最初はちょっと戸惑うかもしれませんががんばりましょう。

はてなブックマーク数 このエントリーをはてなブックマークに追加 Yahoo!ブックマークに登録