티스토리 블로그 스킨 꾸미기 [div태그]

<div> 태그

(1) 정의

레이아웃을 나눌때 사용하는 태그로 Division의 약자이다.

다른 부가 기능이나 복잡성 없이 단순히 공간을 나누어 활용할때 사용하다보니 상당히 많이 사용하는 태그이다. 실제로 블로그 포스팅시 많이 달려 있는 것을 볼 수 있다.

(2) 사용법

이전에 봤던 <section>처럼 원하는 공간에 태그를 열어주고 안에 내용을 적으면 된다.

구역을 나눈 티를 내기 위해 css와 같이 사용하면 보기 좋게 공간을 나타낼 수 있다.

<div> : 시작, 오픈 태그

</div> : 종료, 클로즈 태그

html에서 css사용하기 : style 속성를 이용

(3) 실습

ATOM 으로 이용하여 div태그를 실습 해보자.

<div>태그와 함께 <section>태그를 함께 써보며 비교해보려고 하는데요,

<div>태그와 <section>태그 사이에 다른점은 없어 보인다... 뭐가 다른거지?!.,

색상은 style속성를 사용하여 적용하였습니다.

오늘은 여기까지...