○ <div> 태그
- 레이어는 HTML에서 하나의 오브젝트로 취급되며, 다이내믹한 홈페이지를 제작하기 위해 필수적인 요소이다.
- 레이어는 절대 값에 의해 중복되게 위치할 수 있기 때문에 한정된 화면에 여러 오브젝트를 삽입할 수 있다.
- 레이어는 CSS(cascading style sheets)로도 생성 가능하다.
- 작업자가 원하는 위치에 레이어를 삽입할 수 있다.
- 오브젝트를 레이어에 삽입한 후 원하는 위치에 그 레이어를 배치할 수 있다.
- 레이어는 고정된 픽셀 단위를 사용하기 때문에 이미지보다 작은 경우 레이어에 보이지 않게 이미지를 제대로 볼 수 있게 하기 위해서는 레이어의 크기를 조정하거나 스크롤바를 생성하는 속성을 입력해야 한다.
|
<div id="" style=""> <img sre="" width="" height=""> </div> |
- 속성
id - 레이어의 이름을 설정.
position: absolute; - 스타일을 설정.
left: 100px - 왼쪽과의 거리를 지정하여 위치를 설정.
top: 100px; - 위쪽과의 거리를 지정하여 위치를 설정.
width: 200px; - 레이어의 너비를 설정.
height: 200px; - 레이어의 높이를 설정.
z-index: 1; - 레이어의 순서를 설정한다. 숫자가 클수록 상위에 위치한다.
border-width: 1px; - 레이어의 두께를 설정한다.
border-style: none; - 레이어의 스타일을 설정한다.
overflow: scroll; - 레이어보다 삽입된 이미지가 큰 경우 스크롤바가 나타나게 한다.