문서내에서의 이미지

문서내에는 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으로  표시한 것입니다.