본문 바로가기

태그공책

21. 그림 불러오기 - ④ 그림 위치 조절, 그림과 글자 위치 조절




요 약
그림 위치 조절, 그림과 글자 위치 조절

1. 그림 위치 조절

그림을 왼쪽으로 오른쪽으로 혹은 가운데로....위치를 정하면,
페이지 타이틀로도 쓸 수 있고 심볼로 쓸 수 있고 참 좋겠죠?

<div align="위치"> </div>

태그를 사용하여
위치를 바꿔 정렬을 조절합니다.
위치 : align= left / right / center

left : 왼쪽으로 그림 정렬
right : 오른쪽으로 그림 정렬
center : 가운데로 그림 정렬



2. 그림과 글자 위치 조절

그림과 글자를 함께 쓸 때 그림과 글자의 정렬을 조절해보세요.
<img src="그림주소"> 그림불러오기 기본 태그안에 align="위치"를 끼어넣어

<img src="그림주소" align="위치">

태그를 사용하여
위치를 바꿔 정렬을 조절합니다.
위치 : align= top / middle / bottom / right / left

top : 그림 위에 글자를 위치
middle : 그림 중간에 글자를 위치
bottom : 그림 아래에 글자를 위치
right : 글자 오른쪽에 그림을 위치
left : 글자 왼쪽에 그림을 위치