文字や画像の位置については、ＨＰを制作する上でレイアウト上重要なポイントです。最近はスタイルシートを用いることで随分と自由な位置の設定ができるようになりましたが、ほとんど総てのブラウザーで使用できるＨＴＭＬをマスターしましょう。

【構文６】
以下に文字の位置を設定する構文を説明します。

    <DIV ALIGN="LEFT|CENTER|RIGHT">対象となる文字・文章</DIV>

    <DIV ALIGN="LEFT"> これは左寄せの設定

    <DIV ALIGN="CENTER"> これは中央寄せの設定

    <DIV ALIGN="RIGHT"> これは右寄せの設定

なお、中央寄せは、 <CENTER>対象となる文字・文章</CENTER> でも代替可能です。

【構文７】
次に画像に対しての文字の回りこみについて説明します。

    <IMG SRC="画像ファイル名" ALIGN="LEFT|RIGHT">
<IMG SRC="画像ファイル名"> は、ＨＴＭＬに画像ファイルを貼りつける際に指定する構文です。これに ALIGN 属性を加え画像の位置を設定します。
    [例２]<IMG SRC="画像ファイル名" ALIGN="LEFT"> で指定したものを以下に表します。

    竜串からはバスで宿毛駅に向かう。そこからバスで今日の宿泊地の宇和島に向かう。南予の海岸の夕陽がきれいである。宿毛での乗客は私一人。途中、御荘町に入って南宇和高校前停留所で、同校の生徒が数名乗ってきた。南宇和高校と言えばサッカーで有名であるが、その昔、田中（後に法政大からプロ日本ハムへ進む）という投手を擁して甲子園に出場したこともある野球の名門でもある。ここの生徒は概ね色が黒く純朴なイメージである。池田高校の生徒より素直な印象である。バスは南レク地域を抜けて宇和島へ到着。

    [例３]<IMG SRC="画像ファイル名" ALIGN="RIGHT"> で指定したものを以下に表します。

    竜串からはバスで宿毛駅に向かう。そこからバスで今日の宿泊地の宇和島に向かう。南予の海岸の夕陽がきれいである。宿毛での乗客は私一人。途中、御荘町に入って南宇和高校前停留所で、同校の生徒が数名乗ってきた。南宇和高校と言えばサッカーで有名であるが、その昔、田中（後に法政大からプロ日本ハムへ進む）という投手を擁して甲子園に出場したこともある野球の名門でもある。ここの生徒は概ね色が黒く純朴なイメージである。池田高校の生徒より素直な印象である。バスは南レク地域を抜けて宇和島へ到着。