<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>๋์ผ๋๋น์ฆ๋์ค</title>
</head>
<body>
<!-- div ํ๊ทธ๋ ์ํ๊ทธ๋ก ์์ญ์ ๊ตฌ๋ถํด์ค๋ค. ์์์ ์๋๋ก, ์ข์์ ์ฐ๋ก ๋ ์ด์์์ ์์ญ์ ๊ตฌ๋ถํ์ฌ divํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ค. -->
<!-- ์ ์ฒด์์ญ : ํฐ ๊ฒ๋ถํฐ ์์ญ์ ์ก๋๋ค. -->
<div id="container"><!-- header, footer๋ div๋ ๊ฐ์๋ฐ ์ด๋ฆ๋ง ๋ค๋ฅธ ํ๊ทธ, ์ฃผ๋ก ์๋จ/ํ๋จ์ ์ฐ๋ ์์ญ ํ๊ทธ -->
<header>
<!-- nav๊ฐ div๋ณด๋ค ๋จผ์ ๋ค์ด๊ฐ๋ฉด css ๋ ๊ณ ์ํ๋ฏ๋ก ์์์ ์๋/์ข์์ ์ฐ์ ์์๋๋ก ํ๊ทธ๋ ์์ฑ๋์ด์ผ ํจ -->
<div class="logo">
<h1><a href="#"><img src="./img/logo.gif" alt="๋์ผ๋๋น์ฆ๋์ค"></a></h1>
</div>
<nav><!--navigator ํ๊ทธ๋ div ์ฒ๋ผ ์์ญ์ ๋๋์ด ์ฃผ๋๋ฐ, ๊ทธ ์์ ๋ฉ๋ด๋ฅผ ๋ด๋ ๊ฒ navigator(์ค์ฌ์ nav) ํ๊ทธ-->
<ul class="topMenu">
<li><a href="#"><img src="./img/t_m_home.gif" alt="home๋ฐ๋ก๊ฐ๊ธฐ"></a></li>
<li><a href="#"><img src="./img/t_m_login.gif" alt="login๋ฐ๋ก๊ฐ๊ธฐ"></a></li>
<li><a href="#"><img src="./img/t_m_join.gif" alt="join๋ฐ๋ก๊ฐ๊ธฐ"></a></li>
<li><a href="#"><img src="./img/t_m_sitemap.gif" alt="sitemap๋ฐ๋ก๊ฐ๊ธฐ"></a></li>
</ul>
<ul class="gnb"><!--gnb = global navigation bar-->
<li><a href="#">ํ์ฌ์๊ฐ</a></li>
<li><a href="#">์ฌ์
๋ถ์ผ</a></li>
<li><a href="#">์ ํ์๋ด</a></li>
<li><a href="#">์ฑ์ฉ์ ๋ณด</a></li>
<li><a href="#">๊ณ ๊ฐ์ง์</a></li>
</ul>
</nav>
</header>
<div class="mainBanner">
<img src="./img/img_main.jpg" alt="๊ณ ๊ฐ๊ณผ ํจ๊ป ์ฑ์ฅํด์จ 1๋ฑ ๊ธฐ์
๋์ผ์กด ๋ฉ์ธ๋ฐฐ๋ ์ด๋ฏธ์ง">
</div>
<div class="contents">
<div>
<h2><img src="./img/m_tit_biz.gif" alt="๋น์ฆ๋์ค ์ธํฌ"></h2>
<p><img src="./img/biz_img.gif" alt="#"></p>
<a href="#"><img src="./img/btn_view.gif" alt="#"></a>
</div>
<div>
<h2>
<img src="./img/m_tit_notice.gif" alt="๊ณต์ง์ฌํญ ๋ด์ค">
<a href="#">more</a>
</h2>
<ul>
<li><a href="#">notice1</a><span>2011-02-21</span></li>
<li><a href="#">notice2</a><span>2011-02-20</span></li>
<li><a href="#">notice3</a><span>2011-02-19</span></li>
<li><a href="#">notice4</a><span>2011-02-18</span></li>
</ul>
<p><img src="./img/biz_img.gif" alt="#"></p>
<a href="#"><img src="./img/btn_view.gif" alt="#"></a>
</div>
<div>
<h2><img src="./img/m_tit_quick.gif" alt="ํต๋ฉ๋ด"></h2>
<ul>
<li><a href="#"><img src="./img/q_m1.gif" alt="์๋ด๋ฌธ์"></a></li>
<li><a href="#"><img src="./img/q_m2.gif" alt="์ฑ์ฉ์ ๋ณด"></a></li>
<li><a href="#"><img src="./img/q_m3.gif" alt="์ฐพ์์ค์๋๊ธธ"></a></li>
</ul>
</div>
</div>
<footer>
<div>
<h1><img src="./img/logo_foot.gif" alt="๋์ผ๋๋น์ฆ๋์ค"></h1>
</div>
<div>
<ul>
<li><a href="#"><img src="./img/f_priv.gif" alt="๊ฐ์ธ์ ๋ณด์ทจ๊ธ๋ฐฉ์นจ"></a></li>
<li><a href="#"><img src="./img/f_guide.gif" alt="์ด์ฉ์ฝ๊ด"></a></li>
<li><a href="#"><img src="./img/f_sitemap.gif" alt="์ฌ์ดํธ๋งต"></a></li>
<li><a href="#"><img src="./img/f_email.gif" alt="์ด๋ฉ์ผ์ฃผ์๋ฌด๋จ์์ง๊ฑฐ๋ถ"></a></li>
</ul>
<address>
<img src="./img/f_copy.gif" alt="#">
</address>
</div>
</footer>
</div>
</body>
</html>
๋๊ธ