CENTER

　では、もう一度メモ帳でひらいてみて、<BODY>から</BODY>までをこのCENTER(センタリング）タグで囲んでみます。

■index.htm-メモ帳

ファイル(F)　編集(E)　検索(S) ヘルプ(H)

<HTML>

<HEAD>
<TITLE>ＡCLUB ホームページ </TITLE>
</HEAD>

<BODY BGCOLOR="#FFFAFO">
<CENTER>

<H1><FONT COLOR=red>ようこそＡClubへ</FONT> </H1>

<FONT COLOR=green>
私達はまごころで商売をしているＡClubです！<BR>
よろしくお願いします！<BR>
webmaster:山田一郎
</FONT>

</CENTER>
</BODY>
</HTML>

　これで<CENTER></CENTER>のタグに囲まれたところすべてが中央揃えになります。なお、今これを見てお気づきのことかもしれませんが、表記の例のようにページのソースもブラウザ上での表示を意識したレイアウトにしておくことが上達のコツです。特にこのCENTERタグはひとつのページソースの中で何度も使用する場合が多いものですから、どこからどこまでが有効範囲なのか！が一目理解できるように工夫いたしましょう 常にタグの交通整理をする習慣をつけましょうね

ソース上手はページ上手

　さて、これを上書き保存して、ブラウザの更新（リロード）をしてみましょう

A CLUBホームページ-Microsoftインターネットエクスプローラ

ファイル(F) 編集(E) 表示(V) 移動(G) お気に入り(A)　ヘルプ(H)

ようこそＡClubへ
私達はまごころで商売をしているＡClubです！
よろしくお願いします！
webmaster:山田一郎

　感じがつかめないので、もう少し文字を増やしてみましょうか。

■index.htm-メモ帳

ファイル(F)　編集(E)　検索(S) ヘルプ(H)

<HTML>

<HEAD>
<TITLE>ＡCLUB ホームページ </TITLE>
</HEAD>

<BODY BGCOLOR="#FFFAFO">
<CENTER>

<H1><FONT COLOR=red>ようこそＡClubへ</FONT> </H1>

<FONT COLOR=green>
私達はまごころで商売をしているＡClubです！<BR>
よろしくお願いします！<BR>
送料、振込料はもちろん当社負担です<BR>
お客様のリクエストには全力でお応えいたします！<BR>
まず、我々の素晴らしい商品の数々を<BR>
とくとご覧くださいませ！<BR>
webmaster:山田一郎
</FONT>

</CENTER>
</BODY>
</HTML>

さて、これを上書き保存して、ブラウザを更新しましょう

A CLUBホームページ-Microsoftインターネットエクスプローラ

ファイル(F) 編集(E) 表示(V) 移動(G) お気に入り(A)　ヘルプ(H)

ようこそＡClubへ
私達はまごころで商売をしているＡClubです！
よろしくお願いします！
送料、振込料はもちろん当社負担です
お客様のリクエストには全力でお応えいたします！
まず、我々の素晴らしい商品の数々を
とくとご覧くださいませ！
webmaster:山田一郎

　みなさん、こんな表記のWEB SHOPページよく見るでしょう。おおざっぱに全体をセンタリングしてあるのですが、私はあまり感心しません。本文はやはり行頭がそろっていたほうが（個人的に）読みやすいと感じるからです。 CENTERタグの極意は、必要な部分だけをセンタリングして、まめにタグ・イン、タグ・アウトを繰り返すことです。

　それでは、とりあえず見出しの「ようこそＡClubへ」のみを中央揃えすることにします

■index.htm-メモ帳

ファイル(F)　編集(E)　検索(S) ヘルプ(H)

<HTML>

<HEAD>
<TITLE>ＡCLUB ホームページ </TITLE>
</HEAD>

<BODY BGCOLOR="#FFFAFO">
<CENTER>

<H1><FONT COLOR=red>ようこそＡClubへ</FONT> </H1>

</CENTER>
<FONT COLOR=green>
私達はまごころで商売をしているＡClubです！<BR>
よろしくお願いします！<BR>
送料、振込料はもちろん当社負担です<BR>
お客様のリクエストには全力でお応えいたします！<BR>
まず、我々の素晴らしい商品の数々を<BR>
とくとご覧くださいませ！<BR>
webmaster:山田一郎
</FONT>

</CENTER>⇒これをお引越し

</BODY>
</HTML>

ここでは「コピー＆ペースト」「カット＆ペースト」という機能を同時に学習してみましょう。

カット＆ペースト

まず、メモ帳の中のCENTERの閉じタグの部分をマウスで「よっこらしょ」と選択して反転させます。次に右クリックして切り取り(T)を選び左クリック
（またはメニューの編集(E)から切り取り(T)を選択してもいいですし、CtrlキーとXをおしても実行できますよ）これで、データの一時避難所である「クリップボード」というところへ、今さっき反転させた内容が移動されました。

　★クリップボードはお引越し荷物を一時預かるトランクルームのようなものです

　今度はカーソルを移動先の目的の場所にあわせ、右クリックして貼り付け(P)を選択し左クリック
（またはメニューの編集(E)から貼り付け(P)を選択してもいいですし、CtrlキーとVをおしても実行できますよ）これで見事にデータのお引越しができました！

コピー＆ペースト

　上記では元の場所のデータは削除され移動されてしまいますが、元データを残したままの移動も可能です。これがカット＆ペーストです。

同じ要領でCENTERの閉じタグの部分をマウスで「よっこらしょ」と選択して反転させます。次に右クリックして(T)を選び左クリック
（またはメニューの編集(E)からコピー(C)を選択してもいいですし、CtrlキーとＣをおしても実行できますよ）これで、データの一時避難所である「クリップボード」というところへ、今さっき反転させた内容がコピーされました。貼り付ける方法は同じです