(html) div 태그

<div>

• division의 약자로 웹사이트의 레이아웃을 만들 때 주로 사용
• div는 웹페이지에서 논리적 구분을 정의
• div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 css를 활용하여 스타일 적용

<div> 속성

• style
  • <div>의 스타일 지정
  • 다른 속성들을 사용할 수 있게끔 해줌 <div style="">
• width
  • <div>의 가로 크기 지정
  • px(픽셀), %(비율) 단위로 지정
• height
  • <div>의 세로 크기 지정
  • px(픽셀), %(비율) 단위로 지정
• border
  • <div>의 테두리 굵기 지정
• background-color
  • <div>의 배경 색상 지정
• float
  • <div>의 정렬(좌, 우)를 하는 속성
  • 가운데 정렬은 안됨
• margin
  • div의 정렬 기준 끝에서부터 여백을 주는 속성
  • margin-top, margin-bottom, margin-left, margin-right

예시