●画像の大きさの調整

        ＩＭＧエレメントを使います
        これにＷＩＤＴＨ属性とＨＥＩＧＨＴ属性を使って大きさの指定をします

        ＷＩＤＴＨ＝水平方向を示しています
        ＨＥＩＧＨＴ＝垂直方向を示しています

        これらにピクセルという値、あるいはウィンドウサイズの何％というようにして数値を入力します

        ●使用例です

        ＜ＩＭＧ　ＳＲＣ＝”ファイル名”ＷＩＤＴＨ＝”３００”ＨＥＩＧＨＴ＝”２００”＞

        この数字を変える事で画像の大きさを変える事が出来ます。
        色々な数字を入力して大きさを確認してください

        ●画面上で画像の大きさを確認しましょう

        この時にはＢＯＲＤＥＲ属性を使って、とりあえず画像に枠を付けてみましょう。
        確認が済んだら数値を「０」に戻して枠線は消しましょうね

        ＜ＩＭＧ　ＳＲＣ＝”ファイル名”ＷＩＤＴＨ＝”３００”ＨＥＩＧＨＴ＝”２００”ＢＯＲＤＥＲ＝”２”＞

        ●画像の配置
        前にお話をした段落エレメントと同じです

        使うタグはこうなります
        ＜Ｐ　ＡＬＩＧＮ＝”ｃｅｎｔｅｒ”＞
        ＜ＩＭＧ　ＳＲＣ＝”ファイル名”ＷＩＤＴＨ＝”３００”ＨＥＩＧＨＴ＝”２００”ＢＯＲＤＥＲ＝”２”＞
        ＜/Ｐ＞

        ●区画エレメント（配置）

        ＜ＤＩＶ　ＡＬＩＧＮ＝”属性値”＞〜＜/ＤＩＶ＞

        属性値にはｃｅｎｔｅｒなどを指定してください

        このタグも先程のタグと同じ効果があります

        ☆メリット
        段落エレメントはもともと段落を設定するものです。
        このために前後の文字などとの間にどうしても１行の空白が出来てしまいます。

        その点この区画エレメントはこの空白ができません

        どちらを使うかはみなさんの好みなのでお好きな方をつかってください。

        入力する位置は先程と同じ場所です


        いかがでしょうか？
        このようになりましたか？

        ●画像処理の余談です

        画像の処理を軽くしたりする方法は、もともとの画像の色を減らしたりして軽くします

        この方法にはＧＩＦ形式とＪＰＲＧ形式があります
        それぞれの説明は「わかりやすいＨＰ講座」に掲載してありますから、それを参照してくださいね




 　　いかがでしょうか？
        このようになりましたか？