<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>์๋ชจ๋ ํผ์ํฝ</title>
</head>
<body>
<!-- html์ ์ปจํ
์ธ ๋ฅผ ๋งฅ๋ฝ์ ๋ง๊ฒ ์์ฑํ๋ ๊ฒ!!!! ์ด๊ฒ ๋ฝ์ธํธ/ํต์ฌ์ด๋ค! ์ฒ์์ ์์ํ ๋, ๋์์ธ ์์์ ๋ณด๊ณ ์์ญ์ ๋จผ์ ์ก์์ฃผ๋ ๊ฒ 1์์๋ค! -->
<div class="container">
<header>
<div>
<h1 class="logo"><a href="#"><img src="./img/logo.gif" alt="๋ก๊ณ ์ด๋ฏธ์ง"></a></h1>
</div>
<nav>
<ul class="topMenu">
<li><a href="#"><img src="./img/sidemenu1.gif" alt="home ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/sidemenu3.gif" alt="sitemap ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/sidemenu4.gif" alt="contactus ์ด๋ฏธ์ง"></a></li>
</ul>
<ul class="gnb">
<li><a href="#"><img src="./img/gnbmenu1.gif" alt="๊ธฐ์
์๊ฐ ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/gnbmenu2.gif" alt="์ฑ์ฉ์ ๋ณด ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/gnbmenu3.gif" alt="์ธ์ฌ์ ๋ ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/gnbmenu4.gif" alt="์ธ์ฌ์ก์ฑ ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/gnbmenu5.gif" alt="์
์ฌ์ง์ ์ด๋ฏธ์ง"></a></li>
<li><a href="#"><img src="./img/gnbmenu6.gif" alt="์
์ฌ๋์ฐ๋ฏธ ์ด๋ฏธ์ง"></a></li>
</ul>
</nav>
</header>
<div class="banner">
<!-- ๊ตฌ๋ฆ์ด๋ ๋ฐฐ๊ฒฝ์ด๋ฏธ์ง๋ ์ปจํ
์ธ ๊ฐ ์๋๊ธฐ ๋๋ฌธ์ css์์ ๋ฐฑ๊ทธ๋ผ์ด๋๋ก ๋ฃ์ด์ค๋ค. -->
<h2>Asian Beauty Creator</h2>
<dl>
<dt><a href="#"><img src="./img/tit_news1.gif" alt="์ฑ์ฉ๋ด์ค"></a></dt>
<dd><!--dd ํ๊ทธ ์์ list ํ๊ทธ๊ฐ ๋ค์ด๊ฐ ์ ์์--->
<ul>
<!-- ๋ ์ง/๋ฐ์ดํฐ๋ span ํ๊ทธ๋ฅผ ์จ์ ๋์ค์ ์คํ์ผ์ ๋ฐ๋ก ๋ถ์ฌํ ์ ์์ผ๋ฏ๋ก, ์ด์์ด๋ฉด ํ๊ทธ๋ก ํํ์ ํ์. ์ ํํด์ ์คํ์ผ์ ๊ฐ๋ณ์ ์ผ๋ก ์ฃผ๊ธฐ ์ํด์ -->
<li><a href="#">[AMOREPACIFIC] ์ฑ์ฉ์ดํ๋ฆฌ์ผ์ด์
๋ฐ...</a><span>2011.04.22</span></li>
<li><a href="#">2011 ์๋ฐ๊ธฐ AMOREPACIFIC ์ ์
์ฌ์...</a><span>2011.04.21</span></li>
<li><a href="#">2011 AMOREPACIFIC ์ ์
์ฌ์ ์์์ฑ์ฉ...</a><span>2011.03.15</span></li>
</ul>
</dd>
<dt><a href="#"><img src="./img/tit_news2.gif" alt="์
์ฌ์ง์"></a></dt>
<dd>
<ul>
<li><a href="#">[AMOREPACIFIC] ์ฑ์ฉ์ดํ๋ฆฌ์ผ์ด์
๋ฐ...</a><span>2011.04.22</span></li>
<li><a href="#">2011 ์๋ฐ๊ธฐ AMOREPACIFIC ์ ์
์ฌ์...</a><span>2011.04.21</span></li>
<li><a href="#">2011 AMOREPACIFIC ์ ์
์ฌ์ ์์์ฑ์ฉ...</a><span>2011.03.15</span></li>
</ul>
</dd>
<dt><a href="#"><img src="./img/tit_news3.gif" alt="์ฑ์ฉ๊ณต๊ณ "></a></dt>
<dd>
<ul>
<li><a href="#">[AMOREPACIFIC] ์ฑ์ฉ์ดํ๋ฆฌ์ผ์ด์
๋ฐ...</a><span>2011.04.22</span></li>
<li><a href="#">2011 ์๋ฐ๊ธฐ AMOREPACIFIC ์ ์
์ฌ์...</a><span>2011.04.21</span></li>
<li><a href="#">2011 AMOREPACIFIC ์ ์
์ฌ์ ์์์ฑ์ฉ...</a><span>2011.03.15</span></li>
</ul>
</dd>
</dl>
</div>
<div class="contents">
<div>
<h3><img src="./img/tit_service.gif" alt="#"></h3>
<ol><!--์
์ฌ ์ง์์์ ํ์ดํ๋ฅผ ux๋ผ ํ๋๋ฐ... ux(์ฌ์ฉ์ ๊ฒฝํ)๋ ์ฌ๋๋ค์ด ์์ฐ์ค๋ฝ๊ฒ ๊ฒฝํ์ด ์์ฌ ์คํํ ์ ์๋๋ก ๋์์ธํ๋ ๊ฒ๋ค-->
<li><a href="#">์
์ฌ์ง์></a></li>
<li><a href="#">์์์ฑ์ฉ></a></li>
<li><a href="#">์ง์๊ฒฐ๊ณผ></a></li>
<li><a href="#">FAQ></a></li>
</ol>
</div><!--ํญ๋ฉ๋ด๋ dl ํ๊ทธ๋ฅผ ์ฌ์ฉ-->
<div>
<dl>
<dt><a href="#"><img src="./img/tit_person.gif" alt="์ธ์ฌ์ ์ด๋ฏธ์ง"></a></dt>
<dd>
<a href="#"><img src="./img/img_person.jpg" alt="์ธ์ฌ์ ์ค๋ช
์ด๋ฏธ์ง"></a>
</dd>
<dt><a href="#"><img src="./img/tit_pay.gif" alt="๋ณต๋ฆฌํ์ ์ด๋ฏธ์ง"></a></dt>
<dd>
<a href="#"><img src="./img/img_pay.jpg" alt="๋ณต๋ฆฌํ์ ์ค๋ช
์ด๋ฏธ์ง"></a>
</dd>
</dl>
</div>
<div>
<h3><img src="./img/tit_interview.gif" alt="์ ๋ฐฐ์์ ์ธํฐ๋ทฐ ์ด๋ฏธ์ง"></h3>
<p><a href="#"><img src="./img/img_interview.jpg" alt="์ ๋ฐฐ์์ ์ธํฐ๋ทฐ ๋ณธ๋ฌธ์ค๋ช
์ด๋ฏธ์ง"></a></p>
</div>
</div>
<footer>
<div><!--๋๋ฌ์ ์ ํํ ์ ์๊ฒ ํ๋๊ฒ : select ๋ฐ์ค๋ฅผ ์ด๋ค.-->
<select>
<option>FAMILY SITE</option>
<option>NAVER</option>
<option>KAKAO</option>
</select>
<a href="#"><img src="./img/footer_privacy.gif" alt="๊ฐ์ธ์ ๋ณด์ทจ๊ธ๋ฐฉ์นจ ์ด๋ฏธ์ง"></a>
</div>
<div>
<p><img src="./img/footer_copyright.gif" alt="#"></p>
</div>
</footer>
</div>
</body>
</html>
๋๊ธ