사이드바 영역으로 건너뛰기

2-2. 홈페이지의 구조

 

 

2. 홈페이지의 구조

 

2.1. HEAD 요소
2.2. BODY 요소



2. 홈페이지의 구조

 



  여기에 웹페이지에 보이는 본문이 들어갑니다.

홈페이지는 로 시작하여 로 끝나게 됩니다. 반드시 사용해야 하는 것은 아니지만 일반적으로 사용하는 것이 좋습니다.

2.1. HEAD 요소
문서의 머리부분은 로 시작하여 로 끝나고 제목(요소)은 반드시 이 요소 내에 사용하여야 합니다. 제목은 웹브라우저 상단의 제목표시줄에 나타나는데 문서의 특징을 가장 적절히 표현할 수 있는 제목을 사용하는 것이 좋겠죠. 이 외에도 뒤에서 배우시게 될 스타일시트와 자바스크립트 요소들이 이 안에서 사용됩니다.<BR>타이틀태그는 head 부분에 입력하며,이렇게 쓸 수 있습니다. 타이틀 요소는 웹페이지에 본문이 아니라 제목표시줄에 보여집니다. <P> <TABLE width="100%" border=0> <TBODY> <TR> <TD width=15> </TD> <TD bgColor=#ecefc2><head><BR><table>html 연습페이지입니다.</table><BR></head> </TD></TR> <TR> <TD> </TD> <TD><IMG height=86 alt="" src="http://education.jinbo.net/website/html/2_title.gif" width=389 border=0></TD></TR></TBODY></TABLE> <P><B>2.2. BODY 요소</B><BR><BODY> </BODY> 요소 내에는 브라우저에서 보이게 되는 문서의 모든 내용이 들어가게 됩니다. 그리고 <BODY> 태그 내에는 다음과 같은 몇 가지 속성을 사용하여 웹브라우저 화면에 나타날 텍스트의 색상과 배경그림을 정의할 수 있습니다. <TABLE width="100%" border=0> <TBODY> <TR> <TD width=15> </TD> <TD bgColor=#ecefc2><BODY bgcolor="#FFFF80" text="#FF00FF" link="#000000" vlink="#808080" alink="#00FF00"><BR></BODY> </TD></TR></TBODY></TABLE> <P>여기서 각 속성이 나타내는 것은 다음과 같습니다. <P> <UL> <LI>bgcolor 웹브라우저 화면의 바탕색입니다. <LI>text 화면에 나타나는 글자의 색깔입니다. <LI>link 링크로 연결된 하이퍼텍스트 글자의 색깔입니다. 그림에 링크를 걸었을 경우 테두리의 색깔로 나타납니다. <LI>vlink 한번 방문했던 링크의 색깔을 나타냅니다. <LI>alink 링크를 마우스로 클릭했을 때의 색깔을 나타냅니다. </LI></UL>이들 속성과 속성값은 = 부호로 연결되며 " " 내에 사용하는 속성값으로는 RGB값을 사용하게 됩니다. RGB값 앞에 # 기호를 넣어준다는 것에 유의합니다. text의 기본값은 000000이며 link의 기본 색상은 0000FF, vlink의 기본값은 808080입니다. 즉 이 속성들을 사용하지 않았다면 웹브라우저 상에 텍스트는 검은색으로 링크는 파란색으로, 한번 방문했던 링크는 보라색으로 나타나게 된다는 것을 의미하죠. 보다 정확하게 말하자면 웹브라우저의 설정값을 기본값으로 합니다. RGB값에 대한 자세한 설명은 다음으로 미루도록 하죠. <br /></div><div class="buttons-bottom center jinboblog-i-like-this-buttons"><a class="button-jinboblog" href="javascript:void(0);" title="스크랩으로 글 링크를 저장하세요" onclick="recommend('52',4,'/support','');"><img src="/plugins/../jplugins/ILikeThis/images/mini_chuchon.png" alt="진보블로그 공감 버튼" /></a><a class="button-twitter" href="http://twitter.com/home?status=https%3A%2F%2Fblog.jinbo.net%2Fsupport%2F4+%222-2.%20%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98%20%EA%B5%AC%EC%A1%B0%22" target="_blank" title="트위터로 리트윗합니다"><img src="/plugins/../jplugins/ILikeThis/images/twitter.png" alt="트위터로 리트윗하기" /></a><a class="button-facebook" href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fblog.jinbo.net%2Fsupport%2F4&t=2-2.%20%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98%20%EA%B5%AC%EC%A1%B0" target="_blank" title="페이스북에 공유합니다"><img src="/plugins/../jplugins/ILikeThis/images/facebook.png" alt="페이스북에 공유하기" /></a><a class="button-delicious" href="http://delicious.com/save" onclick="window.open('http://delicious.com/save?v=5&noui&jump=close&url=https%3A%2F%2Fblog.jinbo.net%2Fsupport%2F4&title=2-2.%20%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98%20%EA%B5%AC%EC%A1%B0','delicious','toolbar=no,width=550,height=550'); return false;" title="딜리셔스에 북마크합니다"><img src="/plugins/../jplugins/ILikeThis/images/delicious.png" alt="딜리셔스에 북마크" /></a></div> </div><!--/.text--> <div class="metadata"> <h3 class="title hidden">부가 정보</h3> <ul> <li class="tags"><dl><dt>태그</dt><dd></dd></dl></li> <li class="author"><dl><dt>글쓴이</dt><dd><cite>진보호스팅</cite></dd></dl></li> <li class="created"><dl><dt>등록일</dt><dd>2004/07/29 14:53</dd></dl></li> <li class="updated"><dl><dt>수정일</dt><dd>2004/07/29 14:53</dd></dl></li> <li class="category"><dl><dt>분류</dt><dd><a href="/support/category/4" title="웹페이지 제작">웹페이지 제작</a></dd></dl></li> <li class="trackback-count"><dl><dt>트랙백</dt><dd><a id="trackbackCount4" href="#tb" onclick="toggleLayer('entry4Trackback'); return false" title="트랙백 목록 보이기/감추기"><span class="count">0</span>개</a></dd></dl></li> <li class="comment-count"><dl><dt>댓글</dt><dd><a id="commentCount4" href="#rp" onclick="loadComment(4,1,false); return false" title="댓글 목록 보이기/감추기"><span class="count">0</span>개</a></dd></dl></li> </ul> </div><!--/.metadata--> <div class="feedbacks"> <div id="entry4Trackback" style="display:block"> <div class="feedback trackback-address"> <h3 class="title">이 글의 트랙백 주소</h3> <div class="text"><span onclick="copyUrl('https://blog.jinbo.net/support/trackback/4', this)">https://blog.jinbo.net/support/trackback/4</span></div> </div><!--/.trackback-address--> </div> <div id="entry4Comment" style="display:block"> <form id="entry4WriteComment" method="post" action="/support/comment/add/4" onsubmit="return false" style="margin: 0"> <div class="feedback comment-form"> <h3 class="title">댓글 남기기</h3> <div class="comment-form-item name"> <label for="name_4">이름</label> <input type="text" id="name_4" name="name" value="" maxlength="20" /> </div> <div class="comment-form-item password"> <label for="password_4">암호</label> <input type="password" id="password_4" name="password" value="" /> </div> <div class="comment-form-item homepage"> <label for="homepage_4">주소</label> <input type="text" id="homepage_4" name="homepage" value="http://" /> </div> <div class="comment-form-item secret"> <label for="secret_4">비밀</label> <input type="checkbox" id="secret_4" name="secret" value="1" onchange="checkJinboMainOpen(this);" /> <label for="onlyblog_4">진보블로그 메인에 공개하지 않음</label> <input type="checkbox" id="onlyblog_4" name="onlyblog" value="1" onchange="checkJinboMainOpen(this);" /> </div> <div class="comment-form-item content"> <label for="comment_4">내용</label> <textarea id="comment_4" name="comment" rows="10" cols="65"></textarea> </div> <div class="buttons"> <input type="submit" value="저장하기" onclick="addComment(this, 4); return false;" /> </div> </div><!--/.comment-form--> </form> </div> </div><!--/.feedback--> </div><div class="entry-wrap-close"></div></div><!--/.entry--> <hr class="hidden" /> <!--게시물 영역 마침--> </div><!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="/support/4" dc:identifier="/support/4" dc:title="2-2. 홈페이지의 구조" trackback:ping="https://blog.jinbo.net/support/trackback/4" /> </rdf:RDF> --> </div> <div class="paging"> <h2 class="title hidden">페이지 이동 메뉴</h2> <ul> <li class="link-to-prev"><a href='/support/5?category=2' title="이전 페이지"><span>이전</span></a></li> <li class="number"><a href='/support/25?category=2'><span>1</span></a></li> <span class="interword">...</span> <li class="number"><a href='/support/8?category=2'><span>18</span></a></li> <li class="number"><a href='/support/7?category=2'><span>19</span></a></li> <li class="number"><a href='/support/6?category=2'><span>20</span></a></li> <li class="number"><a href='/support/5?category=2'><span>21</span></a></li> <li class="number"><a href='/support/3?category=2'><span>22</span></a></li> <li class="number"><a href='/support/2?category=2'><span>23</span></a></li> <li class="number"><a href='/support/1?category=2'><span>24</span></a></li> <li class="link-to-next"><a href='/support/3?category=2' title="다음 페이지"><span>다음</span></a></li> </ul> </div><!--/.paging--> </div><div id="content-wrap-close"></div></div><!--/#content--> <hr class="hidden" /> <div id="sidebar" class="sidebar"><div class="sidebar-wrap-open"></div><div class="sidebar-wrap-body"> <h2 class="title hidden">사이드바1</h2> <!-- 제어판 --> <div id="control-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>제어판</span></h3> <div class="content"> <ul> <li class="admin"><a href="/support/owner"><span>관리하기</span></a></li> <li class="write"><a href="/support/owner/entry/post/"><span>글쓰기</span></a></li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.control-widget.widget--> <!-- 프로필 --> <div id="profile-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>프로필</span></h3> <div class="content"> <ul> <li class="title"><dl><dt>제목</dt><dd>진보호스팅 블로그</dd></dl></li> <li class="image"><dl><dt>이미지</dt><dd><img src="https://blog.jinbo.net/resources/image/spacer.gif" alt="블로그 이미지" /></dd></dl></li> <li class="description"><dl><dt>설명</dt><dd>진보넷 기술국</dd></dl></li> <li class="author"><dl><dt>소유자</dt><dd><cite>진보호스팅</cite></dd></dl></li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.profile-widget.widget--> <!-- 공지사항 --> <div id="notices-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>공지사항</span></h3> <div class="content"> <ul> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.notices-widget.widget--> <!-- 찾아보기 --> <div id="search-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>찾아보기</span></h3> <div class="content"> <form id="TTSearchForm" action="/support/search/" method="get" onsubmit="return searchBlog()"> <input type="text" name="search" value="" onkeypress="if (event.keyCode == 13) { searchBlog() }" /> <input type="submit" onclick="searchBlog()" value="전송" /> </form> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.search-widget.widget--> <!-- 태그 구름 --> <div id="taglog-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>태그 구름</span></h3> <div class="content"> <ul class="tag-cloud"> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.taglog-widget.widget--> <!--글 분류--> <div id="categories-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>글 분류</span></h3> <div class="content"> <ul> <li> <a href="https://blog.jinbo.net/support/atom" class="categoryFeed"><span class="text">ATOM</span></a> <a href="/support/category" title="분류 전체보기" class="categoryItem">전체 <span class="c_cnt">(58)</span></a> <ul> <li class="lastChild"> <a href="/support/atom/category/2" class="categoryFeed"><span class="text">ATOM</span></a> <a href="/support/category/2" title="" class="categoryItem">교육센터 <span class="c_cnt">(1)</span></a> <ul> <li> <a href="/support/atom/category/4" class="categoryFeed"><span class="text">ATOM</span></a> <a href="/support/category/4" title="" class="categoryItem">웹페이지 제작 <span class="c_cnt">(23)</span></a> </li> <li class="lastChild"> <a href="/support/atom/category/5" class="categoryFeed"><span class="text">ATOM</span></a> <a href="/support/category/5" title="" class="categoryItem">포토샵 <span class="c_cnt">(1)</span></a> </li> </ul> </li> </ul> </li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.categories-widget.widget--> <!-- 달력 --> <div id="calendar-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>달력</span></h3> <div class="content"> <table class="tt-calendar" cellpadding="0" cellspacing="1" style="width: 100%; table-layout: fixed"> <caption class="cal_month"> <a href="/support/archive/202405" title="1개월 앞의 달력을 보여줍니다.">«</a>   <a href="/support/archive/202406" title="현재 달의 달력을 보여줍니다.">2024/06</a>   <a href="/support/archive/202407" title="1개월 뒤의 달력을 보여줍니다.">»</a> </caption> <thead> <tr> <th class="cal_week2">일</th> <th class="cal_week1">월</th> <th class="cal_week1">화</th> <th class="cal_week1">수</th> <th class="cal_week1">목</th> <th class="cal_week1">금</th> <th class="cal_week1">토</th> </tr> </thead> <tbody> <tr class="cal_week"> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class=" cal_day cal_day3">1</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">2</td> <td class=" cal_day cal_day3">3</td> <td class=" cal_day cal_day3">4</td> <td class=" cal_day cal_day3">5</td> <td class=" cal_day cal_day3">6</td> <td class=" cal_day cal_day3">7</td> <td class=" cal_day cal_day3">8</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">9</td> <td class=" cal_day cal_day3">10</td> <td class=" cal_day cal_day3">11</td> <td class=" cal_day cal_day3">12</td> <td class=" cal_day cal_day3">13</td> <td class=" cal_day cal_day3">14</td> <td class=" cal_day cal_day3">15</td> </tr> <tr class="cal_week cal_current_week"> <td class=" cal_day cal_day_sunday cal_day3">16</td> <td class=" cal_day cal_day4">17</td> <td class=" cal_day cal_day3">18</td> <td class=" cal_day cal_day3">19</td> <td class=" cal_day cal_day3">20</td> <td class=" cal_day cal_day3">21</td> <td class=" cal_day cal_day3">22</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">23</td> <td class=" cal_day cal_day3">24</td> <td class=" cal_day cal_day3">25</td> <td class=" cal_day cal_day3">26</td> <td class=" cal_day cal_day3">27</td> <td class=" cal_day cal_day3">28</td> <td class=" cal_day cal_day3">29</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">30</td> <td class="cal_day2"> </td> <td class="cal_day2"> </td> <td class="cal_day2"> </td> <td class="cal_day2"> </td> <td class="cal_day2"> </td> <td class="cal_day2"> </td> </tr> </tbody> </table> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.calendar-widget.widget--> <!-- 기간별 글 묶음 --> <div id="archives-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>기간별 글 묶음</span></h3> <div class="content"> <ul> <li class="date"><a href="/support/archive/200408" title="2004/08">2004/08</a><span class="c_cnt">(39)</span></li> <li class="date"><a href="/support/archive/200407" title="2004/07">2004/07</a><span class="c_cnt">(19)</span></li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.archives-widget.widget--> <!-- 저자 목록 --> <div id="authors-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>저자 목록</span></h3> <div class="content"> <ul> <li class="author"><a href="/support/author/%EC%A7%84%EB%B3%B4%ED%98%B8%EC%8A%A4%ED%8C%85" title="진보호스팅">진보호스팅</a></li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.authors-widget.widget--> <!-- 최근 글 목록 --> <div class="hslice" id="recentEntriesWebslice" style="margin:0;padding:0;"> <h4 class="entry-title" style="visibility:hidden;height:0;margin:0;padding:0;">진보호스팅 블로그 - 최근 글</h4> <div class="entry-content" style="margin:0;padding:0;"> <div id="updates-widget" class="widget list"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>최근 글 목록</span></h3> <div class="content"> <ol> <li> <dl> <dt class="title"><a href="/support/59" title="포토샵33-sharpen필터">포토샵33-sharpen필터</a><span class="c_cnt"><span id="commentCountOnRecentEntries59">(1)</span></span></dt> <dd class="author"><cite>진보호스팅</cite></dd> <dd class="date">2004</dd> </dl> </li> <li> <dl> <dt class="title"><a href="/support/58" title="포토샵32-Render필터">포토샵32-Render필터</a><span class="c_cnt"><span id="commentCountOnRecentEntries58"></span></span></dt> <dd class="author"><cite>진보호스팅</cite></dd> <dd class="date">2004</dd> </dl> </li> <li> <dl> <dt class="title"><a href="/support/57" title="포토샵32-Pixelate필터">포토샵32-Pixelate필터</a><span class="c_cnt"><span id="commentCountOnRecentEntries57"></span></span></dt> <dd class="author"><cite>진보호스팅</cite></dd> <dd class="date">2004</dd> </dl> </li> <li> <dl> <dt class="title"><a href="/support/56" title="포토샵31-Noise필터">포토샵31-Noise필터</a><span class="c_cnt"><span id="commentCountOnRecentEntries56"></span></span></dt> <dd class="author"><cite>진보호스팅</cite></dd> <dd class="date">2004</dd> </dl> </li> <li> <dl> <dt class="title"><a href="/support/55" title="포토샵30-Distort필터">포토샵30-Distort필터</a><span class="c_cnt"><span id="commentCountOnRecentEntries55"></span></span></dt> <dd class="author"><cite>진보호스팅</cite></dd> <dd class="date">2004</dd> </dl> </li> </ol> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.updates-widget.widget--> </div> </div> <!--최근 트랙백 목록--> <div class="hslice" id="recentCommentWebslice" style="margin:0;padding:0;"> <h4 class="entry-title" style="visibility:hidden;height:0;margin:0;padding:0;">진보호스팅 블로그 - 최근 트랙백</h4> <div class="entry-content" style="margin:0;padding:0;"> <div id="trackbacks-widget" class="widget list"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>최근 트랙백 목록</span></h3> <div class="content"> <ol> </ol> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.trackbacks-widget.widget--> </div> </div> <!--최근 댓글 목록--> <div class="hslice" id="recentCommentWebslice" style="margin:0;padding:0;"> <h4 class="entry-title" style="visibility:hidden;height:0;margin:0;padding:0;">진보호스팅 블로그 - 최근 댓글</h4> <div class="entry-content" style="margin:0;padding:0;"> <div id="comments-widget" class="widget list"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>최근 댓글 목록</span></h3> <div class="content"> <ol> <li> <dl> <dt class="title"><a href="/support/59?commentId=12#comment12" title="미국 호스팅 업체 리스트 보...">미국 호스팅 업체 리스트 보...</a></dt> <dd class="author"><cite>미국 호스팅</cite></dd> <dd class="date">2008</dd> </dl> </li> <li> <dl> <dt class="title"><a href="/support/43?commentId=1#comment1" title="후후 허접한 합성이구려.. ...">후후 허접한 합성이구려.. ...</a></dt> <dd class="author"><cite>동동이</cite></dd> <dd class="date">2004</dd> </dl> </li> </ol> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.comments-widget.widget--> </div> </div> <!--즐겨찾기--> <div id="links-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>즐겨찾기</span></h3> <div class="content"> <ul> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.links-widget.widget--> <!--방문객 통계--> <div id="counter-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>방문객 통계</span></h3> <div class="content"> <ul> <li class="total"> <dl> <dt>전체</dt> <dd><span class="count">111169</span>명</dd> </dl> </li> <li class="today"> <dl> <dt>오늘</dt> <dd><span class="count">15</span>명</dd> </dl> </li> <li class="yesterday"> <dl> <dt>어제</dt> <dd><span class="count">29</span>명</dd> </dl> </li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.counter-widget.widget--> <!--구독하기--> <div id="syndication-widget" class="widget"><div class="widget-wrap-open"></div><div class="widget-wrap-body"> <h3 class="title"><span>구독하기</span></h3> <div class="content"> <ul> <li class="entry-rss"><a href="https://blog.jinbo.net/support/rss" rel="alternate" type="application/rss+xml" title="최근 글 (RSS)"><span>최근 글 (<abbr title="Really Simple Syndication">RSS</abbr>)</span></a></li> <li class="entry-atom"><a href="https://blog.jinbo.net/support/atom" rel="alternate" type="application/atom+xml" title="최근 글 (Atom)"><span>최근 글 (Atom)</span></a></li> <li class="response-rss"><a href="https://blog.jinbo.net/support/rss/response" rel="alternate" type="application/rss+xml" title="최근 응답 (RSS)"><span>최근 응답 (<abbr title="Really Simple Syndication">RSS</abbr>)</span></a></li> <li class="response-atom"><a href="https://blog.jinbo.net/support/atom/response" rel="alternate" type="application/atom+xml" title="최근 응답 (Atom)"><span>최근 응답 (Atom)</span></a></li> </ul> </div><!--/.content--> </div><div class="widget-wrap-close"></div></div><!--/#.syndication-widget.widget--> </div><div class="sidebar-wrap-close"></div></div><!--/#sidebar.sidebar--> <hr class="hidden" /> </div><div id="main-wrap-close"></div></div><!--/#main--> <div id="footer"><div id="footer-wrap-open"></div><div id="footer-wrap-body"> <h2 class="title hidden">풋터</h2> <ul class="credit"> <li class="powered">Powered by <a href="https://blog.jinbo.net/">진보블로그</a> × <a href="http://textcube.org/">텍스트큐브</a>.</li> <li class="designed">Designed by <a href="https://blog.jinbo.net/">진보블로그</a>.</li> </ul> </div><div id="footer-wrap-close"></div></div><!--/#footer--> </div><div id="frame-wrap-close"></div></div><!--/#frame--> <script type="text/javascript"> //<![CDATA[ updateFeed(); //]]> </script> </div><!--/#jinboblog-wrapper--> <div id="jinboblog-header-menubar"> <ul id="jinboblog-header-menubar-group-left" class="jinboblog-header-menubar-group"> <li id="jinboblog-header-menubar-root" class="jinboblog-header-menubar-primary-item jinboblog-header-menubar-has-children"> <a class="jinboblog-header-menubar-primary-link" href="http://www.jinbo.net/"><span>진보넷</span></a> <ul class="jinboblog-header-menubar-item-children"> <li class="jinboblog-header-menubar-root-mail"><a href="http://mail.jinbo.net/">메일</a></li> <li class="jinboblog-header-menubar-root-go"><a href="http://go.jinbo.net/">공동체</a></li> <li class="jinboblog-header-menubar-root-act"><a href="http://act.jinbo.net/">액트온</a></li> <li class="jinboblog-header-menubar-root-hosting"><a href="http://hosting.jinbo.net/">호스팅</a></li> <li class="jinboblog-header-menubar-root-list"><a href="http://list.jinbo.net/">메일링리스트</a></li> </ul> </li> <li id="jinboblog-header-menubar-home" class="jinboblog-header-menubar-primary-item jinboblog-header-menubar-has-children"> <a class="jinboblog-header-menubar-primary-link" href="https://blog.jinbo.net"><span>진보블로그</span></a> <ul class="jinboblog-header-menubar-item-children"> <li class="jinboblog-header-menubar-home-manual"><a href="/manual">매뉴얼</a></li> <li class="jinboblog-header-menubar-home-jinbone"><a href="/jinbone/guestbook">QnA</a></li> <!--li class="jinboblog-header-menubar-home-sitemap"><a href="/sitemap">사이트맵</a></li--> <!--li class="jinboblog-header-menubar-home-rss"><a href="/rss">구독하기</a></li--> <li class="jinboblog-header-menubar-home-lines"><a href="/lines">한줄수다</a></li> </ul> </li> </ul> <ul id="jinboblog-header-menubar-group-right" class="jinboblog-header-menubar-group right"> <!--시작:로그아웃 상태일 때--> <li id="jinboblog-header-menubar-login" class="jinboblog-header-menubar-primary-item"> <a class="jinboblog-header-menubar-primary-link" href="https://blog.jinbo.net/support/login?refererURI=https%3A%2F%2Fblog.jinbo.net%2Fsupport%2F4%3Fcategory%3D2">로그인</a> </li> <li id="jinboblog-header-menubar-join" class="jinboblog-header-menubar-primary-item"> <a class="jinboblog-header-menubar-primary-link" href="http://center.jinbo.net/member/regist.php">가입하기</a> </li> <!--마침:로그아웃 상태일 때--> </ul> <div id="jinboblog-header-quickline" > <!--input type="hidden" id="linePost_public" name="category" value="2" /--> <input id="quickline-content" class="off" type="text" onfocus = "JN_linePost_requireLogin('https://blog.jinbo.net/support/login?refererURI=https%3A%2F%2Fblog.jinbo.net%2Fsupport%2F4%3Fcategory%3D2');" name = "line_content" value="" onkeypress="if(event.keyCode == '13') return JN_linePost_requireLogin('https://blog.jinbo.net/support/login?refererURI=https%3A%2F%2Fblog.jinbo.net%2Fsupport%2F4%3Fcategory%3D2');" /> </div> <div class="clear"></div> </div><!--/#jinboblog-header--> <script src="/plugins/../jplugins/Menubar/menubar.js" type="text/javascript"></script> </body> </html>