& lthtml & gt
& lthead & gt
& lttitle & gt& lt/title & gt；;
& lt/head & gt；;
& ltstyle type="text/css ">
* {여백: 0; 채우기: 0; }
。 머리글 {너비: 80%; 높이: 75px 배경색: # EEC 텍스트 정렬: 가운데; 행 높이: 75px 여백: 자동; }
。 홈페이지 {너비: 80%; 높이: 자동; 여백: 자동; 위치: 상대적; }
。 집에 가다. 왼쪽 {배경: # DDE 너비:15%; 부동: 왼쪽; 위치: 고정; }
Ul {폭:100%; 텍스트 정렬: 가운데; }
Ul Li {목록: 없음; 채우기: 20px 0px}
。 집에 가다. 오른쪽 {float: 왼쪽; 채우기:10px; 높이: 자동; 위치: 절대; 왼쪽: 20%; }
& lt/style & gt；;
& ltbody & gt
& lt div 클래스 = "헤더" ><h1> 주제
& lt div 클래스 = "홈" >
& lt div 클래스 = "left" >
& ltul & gt
& lth3 & gt 클래스 1 < /h3 >
& lt 리> 컨텐트1
& lt 리> 콘텐츠 2
& lt 리> 콘텐츠 3
& lt/ul & gt；;
& ltul & gt
& lth3 & gt 범주 2
& lt 리> 컨텐트1
& lt 리> 콘텐츠 2
& lt 리> 콘텐츠 3
& lt/ul & gt；;
& ltul & gt
& lth3 & gt 범주 3
& lt 리> 컨텐트1
& lt 리> 콘텐츠 2
& lt 리> 콘텐츠 3
& lt/ul & gt；;
& lt/div & gt；;
& lt div 클래스 = "right" >
& LTP> 콘텐츠
& lt/div & gt；;
& lt/div & gt；;
& lt/body & gt；;
& lt/html & gt；;
채택하기를 바라다