<div>는 "division"의 약자로 구역이라는 의미를 가지고 있습니다. html코딩에서 블록 레벨요소로 홈페이지 안에서 구역을 나누는 용도로 사용됩니다. <div>로 나누어진 구역은 그 안의 개체들의 속성을 똑같은 조건으로 만들 수 있습니다.
<p>는 단락을 나타내는 태그로, 텍스트 콘텐츠를 문단(paragraph)으로 구분할 때 사용됩니다.
기본형 사용은 아래와 같습니다.
<div>
</div>
개체들의 속성을 바꿀 때는 아래와 같이 사용할 수 있습니다.
<div style="color: blue;">
<p> 아기다리고기다리던데이트</p>
</div>위 내용은 div로 묶여있는 내용의 스타일은 색: blue(블루: 파랑)로 변경한다는 의미를 담고 있습니다. 적용하면 아래와 같이 적용할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>문서 제목</title>
</head>
<body>
<div style="color: blue;">
<p> 아기다리고기다리던데이트</p>
</div>
<p> 배고프다. 오늘 저녁은 샤브샤브다.</p>
</body>
</html>
실행하면 아래와 같습니다.
<div>에 해당하는 내용은 <div>의 조건에 따라 변하였으나, <div>에 해당하지 않는 내용은 변하지 않습니다.
'웹페이지 만들기 > HTML' 카테고리의 다른 글
| HTML로 웹페이지 만들기 3: 그림태그 <img> (1) | 2025.01.06 |
|---|---|
| HTML로 웹페이지 만들기 2: 줄 바꿈 태그 <br> (0) | 2025.01.06 |
| HTML의 기본 구조 (0) | 2025.01.06 |
| HTML소개 (0) | 2025.01.06 |