21.CSS - 이미지관련 스타일

이미지 위치를 지정/정렬 하여 이미지 옆에 문장을 입력, 이미지 크기 만큼 문장을 줄 단위로 입력 가능하게 해주는 방법으로 속성으로float, clear속성 두가지가 있습니다.

float 속성 : 배치할 위치(이미지에 많이 사용됨)를 표시해주는 속성으로 이미지 옆에

               문자열을 넣어 이미지 옆에 붙게 되며 나머지 문장은 아래로 내려가게 할때

               사용되는 속성입니다. FLOAT : left, right, none

clear 속성 : 해제방향입니다. 이미지 박스의 좌우에 떠다니는 box의 다음줄로

                 내려가게 하는것입니다. CLEAR : left, right, both,none

---

예제1) 기본속성

<img src="images/junchul.jpg" alt="" />

---

예제2) float:left, clear:both 사용

<style="float:left;"/>문장<span style="clear:both;">문장</span>

---

현재 모든 웹 사이트는 테이블 사용을 안합니다.
많이 사용하는 방법중 한가지로 float와 clear 속성을 사용하여 웹 페이지를 구성합니다.


21.이미지관련스타일.htm