문서내에서의 이미지

문서내에는 GIF, JPG, XBM 등의 이미지 화일을 넣을 수 있습니다. 이미지를 넣는 방식은 다음과 같습니다.

<img    align=[top|middle|bottom|left|right]

        width=[pixels|percentage]

        height=[pixels|percentage]

        border=pixels

        vspace=pixels

        hspace=pixels

        src=URL

        alt=text>

align에서 top, middle, bottom은 이미지 주위에 단어가 올때 그것의 위치를 결정해 주고, left, right은 그림을 좌측에 혹은 우측에 위치하도록 합니다. width와 height은 그림의 크기를 가변적으로 조정할 수 있도록 하며, 실제 크기보다 크게 할때는 해상도가 떨어집니다. border는 그림주위에 경계선을 얼마나 두껍게 그을 것인가를 결정하며, vspace와 hspace는 그림 상하, 좌우로 공간을 얼마나 띄울 것인가 결정합니다. src는 그림화일의 위치를 지정하며 alt는 그림을 읽을 수 없는 웹브라우져내에서 그림대신 나타나는 글자를 지정합니다.

Align을 조정한 효과

실제로 어떻게 표현되는지 각 경우를 보겠습니다.

이것은 align=bottom으로 <img align=bottom src=./html15-2.gif> 표시한 것입니다.

        이것은 align=bottom으로  표시한 것입니다.

이것은 align=middle으로 <img align=middle src=./html15-2.gif> 표시한 것입니다.

        이것은 align=middle으로  표시한 것입니다.

이것은 align=top으로 <img align=top src=./html15-2.gif> 표시한 것입니다.

        이것은 align = top 으로  표시한 것입니다.

이것은 align=left으로 <img align=left src=./html15-2.gif> 표시한 것입니다.

        이것은 align=left으로  표시한 것입니다.

이것은 align=right으로 <img align=right src=./html15-2.gif> 표시한 것입니다.

        이것은 align=right으로  표시한 것입니다.