-
<DIV> 태그 / 레이아웃 만들기 / 상자 만들기컴퓨터/HTML5 2017. 5. 14. 21:11
> <DIV> 태그 / 레이아웃 만들기 / 상자 만들기
DIV 태그로 블록을 만들어보겠습니다. DIV태그는 상자 전체에 동일한 스타일을 적용시킬때 사용됩니다.
- HTML 코드
<!doctype html>
<html lang="KO">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>DIV 태그 예제</title>
<STYLE>
DIV {BACKGROUND-COLOR:#63c2f9;WIDTH:400PX; HEIGHT:400PX;}
P {FONT-SIZE:13PT}
</STYLE>
</head>
<body>
<DIV>
나만 이런 세상을 살고 있는 것 같아요
바라보기만 하다 포기할 수는 없겠죠
<P>근데도 이렇게 아픈 마음만 가지고 사는 건<BR>
도무지 불공평해서 견딜 수가 없어요</P>
</DIV>
</body>
</html>
- 실행 사진
'컴퓨터 > HTML5' 카테고리의 다른 글
<A>태그 / 하이퍼링크 달기 (0) 2017.05.14 <PRE> 태그 / 그대로 출력하기 (0) 2017.05.14 원하는 색 구하기 / 16진수 색상표 (0) 2017.05.14 <SPAN> 태그 / 텍스트 일부분 지정하기 (변화주기) (0) 2017.05.14 <OL> , <UL> 태그 / HTML 리스트 만들기 (0) 2017.05.14
