홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/그림과 글씨 배열/html태그/html강좌/html기본소스/

(html강좌) 11-2. 그림의 글씨 위치

㈎ 그림의 문자 위치

그림 파일은 수평선을 긋는 태그 <hr> 등과는 

다르게 같은 행에 문자를 열거하여 쓸 수 있다. 

따라서 옵션으로 이미지의 어느 위치에 문자를 

놓을 것인가 지정할 수 있다. 

옵션에는 다음<표 6-3>의 세 종류의 태그들이 있다. 

아무것도 지정하지 않는 경우에는 

bottom을 지정할 경우와 같다.

(형식) <img src="이미지 파일명" align="top" 

또는 middle 또는 bottom">

┏html태그┓

align="top"	이미지의 윗 부분에 맞추어 문자를 출력한다
align="middle"	이미지의 가운데 부분에 맞추어 문자를 출력한다.
align="bottom"	이미지의 아래 부분에 맞추어 문자를 출력한다.

(실습 - html기본소스)

<html>

<head> <title>이미지의 문자 위치</title> 

</head>

<body> 

<img src="osiris.jpg" align="top">

이미지의 윗 부분입니다.<P> 

<img src="osiris.jpg" align="middle">

이미지의 가운데 부분입니다.<P> 

<img src="osiris.jpg" align="bottom">

이미지의 아래 부분입니다.<P>

</body>

</html>