<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>티스토리 기본 HTML</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head>
<body id="tt-body-page" class="<s_if_var_color-type></s_if_var_color-type><s_if_var_post-type> </s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
<s_t3>
<div id="acc-nav">
<a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
<header id="header">
<h1><a href="https://zenna9.tistory.com/">zennaUniverse</a></h1>
<button type="button" class="mobile-menu"><span>메뉴</span></button>
<div class="menu">
<nav id="gnb">
</nav>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest">Pinterest</a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<p>POWERED BY TISTORY</p>
</div>
<div class="search">
<s_search>
<input type="text" name="" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13) { }">
<button type="submit" onclick="">검색</button>
</s_search>
</div>
</header>
<hr>
<section class="container">
<article id="content">
<s_cover_group>
<s_cover_rep>
<s_cover name='cover-thumbnail-list'>
<div class='cover-thumbnail-list'>
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-slider'>
<div class="cover-slider">
<ul>
<s_cover_item>
<li<s_cover_item_thumbnail> style="background-image:url();"</s_cover_item_thumbnail>>
<a href="" class="text-box">
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="btn view">더보기</span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-masonry'>
<div class="cover-masonry">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/R600x0/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-list'>
<div class="cover-list">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-gallery'>
<div class="cover-gallery">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
</s_cover_rep>
<div class="cover-footer">
<s_if_var_footer-image>
<div class="image" style="background-image:url();"></div>
</s_if_var_footer-image>
<s_if_var_footer-text>
<p></p>
</s_if_var_footer-text>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest"><span class="">Pinterest</span></a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<nav class="menu">
</nav>
</div>
</s_cover_group>
<s_page_rep>
<div class="hgroup">
<h1>티스토리 기본 HTML</h1>
</div>
<div class="entry-content">
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>티스토리 기본 HTML</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head>
<body id="tt-body-page" class="<s_if_var_color-type></s_if_var_color-type><s_if_var_post-type> </s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
<s_t3>
<div id="acc-nav">
<a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
<header id="header">
<h1><a href="https://zenna9.tistory.com/">zennaUniverse</a></h1>
<button type="button" class="mobile-menu"><span>메뉴</span></button>
<div class="menu">
<nav id="gnb">
</nav>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest">Pinterest</a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<p>POWERED BY TISTORY</p>
</div>
<div class="search">
<s_search>
<input type="text" name="" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13) { }">
<button type="submit" onclick="">검색</button>
</s_search>
</div>
</header>
<hr>
<section class="container">
<article id="content">
<s_cover_group>
<s_cover_rep>
<s_cover name='cover-thumbnail-list'>
<div class='cover-thumbnail-list'>
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-slider'>
<div class="cover-slider">
<ul>
<s_cover_item>
<li<s_cover_item_thumbnail> style="background-image:url();"</s_cover_item_thumbnail>>
<a href="" class="text-box">
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="btn view">더보기</span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-masonry'>
<div class="cover-masonry">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/R600x0/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-list'>
<div class="cover-list">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-gallery'>
<div class="cover-gallery">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
</s_cover_rep>
<div class="cover-footer">
<s_if_var_footer-image>
<div class="image" style="background-image:url();"></div>
</s_if_var_footer-image>
<s_if_var_footer-text>
<p></p>
</s_if_var_footer-text>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest"><span class="">Pinterest</span></a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<nav class="menu">
</nav>
</div>
</s_cover_group>
<s_page_rep>
<div class="hgroup">
<h1></h1>
</div>
<div class="entry-content">
</div>
</s_page_rep>
<s_notice_rep>
<div class="hgroup">
<h1></h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
</s_notice_rep>
<s_list>
<div class="post-header">
<span><h1></h1></span>
<span style="padding-left: 5px; font-weight: bold;">()</h</span>
<div class="list-type">
<button type="button" class="thum">썸네일형</button>
<button type="button" class="list">리스트형</button>
</div>
</div>
</s_list>
<div class="inner">
<s_article_protected>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum"></span>
<span class="title"></span>
<span class="excerpt protected">보호되어 있는 글입니다.</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category">보호글</div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
</div>
</div>
<div class="entry-content">
<form class="protected_form" onsubmit="">
<p>보호되어 있는 글입니다.<br>
내용을 보시려면 비밀번호를 입력하세요.</p>
<fieldset>
<input type="password" id="" name="" value="" placeholder="비밀번호" />
<button type="submit" class="btn">입력</button>
</fieldset>
</form>
</div>
</s_permalink_article_rep>
</s_article_protected>
<s_article_rep>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum">
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_rep_thumbnail>
</span>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category"></div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
<s_tag_label>
<div class="tags">
<h2>태그</h2>
<div class="items">
</div>
</div>
</s_tag_label>
<s_article_related>
<div class="related-articles">
<h2><strong>''</strong> Related Articles</h2>
<ul>
<s_article_related_rep>
<li>
<a href="">
<span class="thum">
<s_article_related_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_related_rep_thumbnail>
</span>
<span class="title"></span>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
</s_article_related>
<s_rp>
<div class="comments">
<s_rp_container>
<div class="comment-list">
<ul>
<s_rp_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</div>
</s_rp_container>
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<div class="field">
<s_rp_guest>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_rp_guest>
<div class="secret">
<input type="checkbox" name="" id="secret">
<label for="secret" tabindex="0">Secret</label>
</div>
</div>
</s_rp_member>
<textarea name="" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">댓글달기</button>
</div>
</div>
</s_rp_input_form>
</div>
</s_rp>
</s_permalink_article_rep>
</s_article_rep>
</div>
<s_tag>
<div class="hgroup">
<h1>태그</h1>
</div>
<div class="tags">
<div class="items">
<s_tag_rep>
<a href=""></a>
</s_tag_rep>
</div>
</div>
</s_tag>
<s_guest>
<div class="guest_inner">
<div class="hgroup">
<h1>방명록</h1>
</div>
<div class="comments">
<s_guest_input_form>
<div class="comment-form">
<s_guest_member>
<div class="field">
<s_guest_form>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_guest_form>
</div>
</s_guest_member>
<textarea name="" cols="" rows="4"></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">안부 남기기</button>
</div>
</div>
</s_guest_input_form>
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ul>
</div>
</s_guest_container>
</div>
</div>
</s_guest>
<s_paging>
<div class="pagination">
<a class="prev ">이전</a>
<s_paging_rep>
<a ></a>
</s_paging_rep>
<a class="next ">다음</a>
</div>
</s_paging>
</article>
</section>
<hr>
<footer id="footer">
<p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="https://zenna9.tistory.com/manage" class="admin">관리자</a></p>
</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>
</html>
728x90
</div>
</s_page_rep>
<s_notice_rep>
<div class="hgroup">
<h1></h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
</s_notice_rep>
<s_list>
<div class="post-header">
<span><h1></h1></span>
<span style="padding-left: 5px; font-weight: bold;">()</h</span>
<div class="list-type">
<button type="button" class="thum">썸네일형</button>
<button type="button" class="list">리스트형</button>
</div>
</div>
</s_list>
<div class="inner">
<s_article_protected>
<s_index_article_rep>
<div class="post-item">
<a href="/48">
<span class="thum"></span>
<span class="title">티스토리 기본 HTML</span>
<span class="excerpt protected">보호되어 있는 글입니다.</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category">보호글</div>
<h1>티스토리 기본 HTML </h1>
<div class="post-meta">
<span class="author">zenna</span>
<span class="date">2022. 6. 8. 13:11</span>
</div>
</div>
<div class="entry-content">
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>티스토리 기본 HTML</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head>
<body id="tt-body-page" class="<s_if_var_color-type></s_if_var_color-type><s_if_var_post-type> </s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
<s_t3>
<div id="acc-nav">
<a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
<header id="header">
<h1><a href="https://zenna9.tistory.com/">zennaUniverse</a></h1>
<button type="button" class="mobile-menu"><span>메뉴</span></button>
<div class="menu">
<nav id="gnb">
</nav>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest">Pinterest</a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<p>POWERED BY TISTORY</p>
</div>
<div class="search">
<s_search>
<input type="text" name="" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13) { }">
<button type="submit" onclick="">검색</button>
</s_search>
</div>
</header>
<hr>
<section class="container">
<article id="content">
<s_cover_group>
<s_cover_rep>
<s_cover name='cover-thumbnail-list'>
<div class='cover-thumbnail-list'>
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-slider'>
<div class="cover-slider">
<ul>
<s_cover_item>
<li<s_cover_item_thumbnail> style="background-image:url();"</s_cover_item_thumbnail>>
<a href="" class="text-box">
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="btn view">더보기</span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-masonry'>
<div class="cover-masonry">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/R600x0/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-list'>
<div class="cover-list">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-gallery'>
<div class="cover-gallery">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
</s_cover_rep>
<div class="cover-footer">
<s_if_var_footer-image>
<div class="image" style="background-image:url();"></div>
</s_if_var_footer-image>
<s_if_var_footer-text>
<p></p>
</s_if_var_footer-text>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest"><span class="">Pinterest</span></a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<nav class="menu">
</nav>
</div>
</s_cover_group>
<s_page_rep>
<div class="hgroup">
<h1></h1>
</div>
<div class="entry-content">
</div>
</s_page_rep>
<s_notice_rep>
<div class="hgroup">
<h1></h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
</s_notice_rep>
<s_list>
<div class="post-header">
<span><h1></h1></span>
<span style="padding-left: 5px; font-weight: bold;">()</h</span>
<div class="list-type">
<button type="button" class="thum">썸네일형</button>
<button type="button" class="list">리스트형</button>
</div>
</div>
</s_list>
<div class="inner">
<s_article_protected>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum"></span>
<span class="title"></span>
<span class="excerpt protected">보호되어 있는 글입니다.</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category">보호글</div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
</div>
</div>
<div class="entry-content">
<form class="protected_form" onsubmit="">
<p>보호되어 있는 글입니다.<br>
내용을 보시려면 비밀번호를 입력하세요.</p>
<fieldset>
<input type="password" id="" name="" value="" placeholder="비밀번호" />
<button type="submit" class="btn">입력</button>
</fieldset>
</form>
</div>
</s_permalink_article_rep>
</s_article_protected>
<s_article_rep>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum">
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_rep_thumbnail>
</span>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category"></div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
<s_tag_label>
<div class="tags">
<h2>태그</h2>
<div class="items">
</div>
</div>
</s_tag_label>
<s_article_related>
<div class="related-articles">
<h2><strong>''</strong> Related Articles</h2>
<ul>
<s_article_related_rep>
<li>
<a href="">
<span class="thum">
<s_article_related_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_related_rep_thumbnail>
</span>
<span class="title"></span>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
</s_article_related>
<s_rp>
<div class="comments">
<s_rp_container>
<div class="comment-list">
<ul>
<s_rp_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</div>
</s_rp_container>
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<div class="field">
<s_rp_guest>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_rp_guest>
<div class="secret">
<input type="checkbox" name="" id="secret">
<label for="secret" tabindex="0">Secret</label>
</div>
</div>
</s_rp_member>
<textarea name="" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">댓글달기</button>
</div>
</div>
</s_rp_input_form>
</div>
</s_rp>
</s_permalink_article_rep>
</s_article_rep>
</div>
<s_tag>
<div class="hgroup">
<h1>태그</h1>
</div>
<div class="tags">
<div class="items">
<s_tag_rep>
<a href=""></a>
</s_tag_rep>
</div>
</div>
</s_tag>
<s_guest>
<div class="guest_inner">
<div class="hgroup">
<h1>방명록</h1>
</div>
<div class="comments">
<s_guest_input_form>
<div class="comment-form">
<s_guest_member>
<div class="field">
<s_guest_form>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_guest_form>
</div>
</s_guest_member>
<textarea name="" cols="" rows="4"></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">안부 남기기</button>
</div>
</div>
</s_guest_input_form>
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ul>
</div>
</s_guest_container>
</div>
</div>
</s_guest>
<s_paging>
<div class="pagination">
<a class="prev ">이전</a>
<s_paging_rep>
<a ></a>
</s_paging_rep>
<a class="next ">다음</a>
</div>
</s_paging>
</article>
</section>
<hr>
<footer id="footer">
<p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="https://zenna9.tistory.com/manage" class="admin">관리자</a></p>
</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>
</html>
728x90
<form class="protected_form" onsubmit="{reloadEntry(48);return false;}">
<p>보호되어 있는 글입니다.<br>
내용을 보시려면 비밀번호를 입력하세요.</p>
<fieldset>
<input type="password" id="entry48password" name="entry48password" value="" placeholder="비밀번호" />
<button type="submit" class="btn">입력</button>
</fieldset>
</form>
</div>
</s_permalink_article_rep>
</s_article_protected>
<s_article_rep>
<s_index_article_rep>
<div class="post-item">
<a href="/48">
<span class="thum">
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_rep_thumbnail>
</span>
<span class="title">티스토리 기본 HTML</span>
<span class="excerpt">본문 바로가기 메뉴 Pinterest Facebook Twitter Instagram POWERED BY TISTORY 검색 더보기 Pinterest Facebook Twitter Instagram 수정 삭제 ()</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category">HTML, CSS</div>
<h1>티스토리 기본 HTML </h1>
<div class="post-meta">
<span class="author">zenna</span>
<span class="date">2022. 6. 8. 13:11</span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>티스토리 기본 HTML</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head>
<body id="tt-body-page" class="<s_if_var_color-type></s_if_var_color-type><s_if_var_post-type> </s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
<s_t3>
<div id="acc-nav">
<a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
<header id="header">
<h1><a href="https://zenna9.tistory.com/">zennaUniverse</a></h1>
<button type="button" class="mobile-menu"><span>메뉴</span></button>
<div class="menu">
<nav id="gnb">
</nav>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest">Pinterest</a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<p>POWERED BY TISTORY</p>
</div>
<div class="search">
<s_search>
<input type="text" name="" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13) { }">
<button type="submit" onclick="">검색</button>
</s_search>
</div>
</header>
<hr>
<section class="container">
<article id="content">
<s_cover_group>
<s_cover_rep>
<s_cover name='cover-thumbnail-list'>
<div class='cover-thumbnail-list'>
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-slider'>
<div class="cover-slider">
<ul>
<s_cover_item>
<li<s_cover_item_thumbnail> style="background-image:url();"</s_cover_item_thumbnail>>
<a href="" class="text-box">
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="btn view">더보기</span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-masonry'>
<div class="cover-masonry">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/R600x0/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-list'>
<div class="cover-list">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
<s_cover name='cover-gallery'>
<div class="cover-gallery">
<div class="inner">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<figure>
<s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail>
</figure>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</div>
</s_cover>
</s_cover_rep>
<div class="cover-footer">
<s_if_var_footer-image>
<div class="image" style="background-image:url();"></div>
</s_if_var_footer-image>
<s_if_var_footer-text>
<p></p>
</s_if_var_footer-text>
<div class="social-link">
<s_if_var_sns-pinterest><a href="" class="pinterest"><span class="">Pinterest</span></a></s_if_var_sns-pinterest>
<s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
<s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
<s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
</div>
<nav class="menu">
</nav>
</div>
</s_cover_group>
<s_page_rep>
<div class="hgroup">
<h1></h1>
</div>
<div class="entry-content">
</div>
</s_page_rep>
<s_notice_rep>
<div class="hgroup">
<h1></h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
</s_notice_rep>
<s_list>
<div class="post-header">
<span><h1></h1></span>
<span style="padding-left: 5px; font-weight: bold;">()</h</span>
<div class="list-type">
<button type="button" class="thum">썸네일형</button>
<button type="button" class="list">리스트형</button>
</div>
</div>
</s_list>
<div class="inner">
<s_article_protected>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum"></span>
<span class="title"></span>
<span class="excerpt protected">보호되어 있는 글입니다.</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category">보호글</div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
</div>
</div>
<div class="entry-content">
<form class="protected_form" onsubmit="">
<p>보호되어 있는 글입니다.<br>
내용을 보시려면 비밀번호를 입력하세요.</p>
<fieldset>
<input type="password" id="" name="" value="" placeholder="비밀번호" />
<button type="submit" class="btn">입력</button>
</fieldset>
</form>
</div>
</s_permalink_article_rep>
</s_article_protected>
<s_article_rep>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum">
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_rep_thumbnail>
</span>
<span class="title"></span>
<span class="excerpt"></span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category"></div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
<s_tag_label>
<div class="tags">
<h2>태그</h2>
<div class="items">
</div>
</div>
</s_tag_label>
<s_article_related>
<div class="related-articles">
<h2><strong>''</strong> Related Articles</h2>
<ul>
<s_article_related_rep>
<li>
<a href="">
<span class="thum">
<s_article_related_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_related_rep_thumbnail>
</span>
<span class="title"></span>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
</s_article_related>
<s_rp>
<div class="comments">
<s_rp_container>
<div class="comment-list">
<ul>
<s_rp_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</div>
</s_rp_container>
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<div class="field">
<s_rp_guest>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_rp_guest>
<div class="secret">
<input type="checkbox" name="" id="secret">
<label for="secret" tabindex="0">Secret</label>
</div>
</div>
</s_rp_member>
<textarea name="" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">댓글달기</button>
</div>
</div>
</s_rp_input_form>
</div>
</s_rp>
</s_permalink_article_rep>
</s_article_rep>
</div>
<s_tag>
<div class="hgroup">
<h1>태그</h1>
</div>
<div class="tags">
<div class="items">
<s_tag_rep>
<a href=""></a>
</s_tag_rep>
</div>
</div>
</s_tag>
<s_guest>
<div class="guest_inner">
<div class="hgroup">
<h1>방명록</h1>
</div>
<div class="comments">
<s_guest_input_form>
<div class="comment-form">
<s_guest_member>
<div class="field">
<s_guest_form>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_guest_form>
</div>
</s_guest_member>
<textarea name="" cols="" rows="4"></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">안부 남기기</button>
</div>
</div>
</s_guest_input_form>
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ul>
</div>
</s_guest_container>
</div>
</div>
</s_guest>
<s_paging>
<div class="pagination">
<a class="prev ">이전</a>
<s_paging_rep>
<a ></a>
</s_paging_rep>
<a class="next ">다음</a>
</div>
</s_paging>
</article>
</section>
<hr>
<footer id="footer">
<p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="https://zenna9.tistory.com/manage" class="admin">관리자</a></p>
</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>
</html>
728x90
</div>
<s_tag_label>
<div class="tags">
<h2>태그</h2>
<div class="items">
</div>
</div>
</s_tag_label>
<s_article_related>
<div class="related-articles">
<h2><strong>'HTML, CSS'</strong> Related Articles</h2>
<ul>
<s_article_related_rep>
<li>
<a href="">
<span class="thum">
<s_article_related_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt="">
</s_article_related_rep_thumbnail>
</span>
<span class="title"></span>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
</s_article_related>
<s_rp>
<div class="comments">
<s_rp_container>
<div class="comment-list">
<ul>
<s_rp_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</div>
</s_rp_container>
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<div class="field">
<s_rp_guest>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_rp_guest>
<div class="secret">
<input type="checkbox" name="" id="secret">
<label for="secret" tabindex="0">Secret</label>
</div>
</div>
</s_rp_member>
<textarea name="" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">댓글달기</button>
</div>
</div>
</s_rp_input_form>
</div>
</s_rp>
</s_permalink_article_rep>
</s_article_rep>
</div>
<s_tag>
<div class="hgroup">
<h1>태그</h1>
</div>
<div class="tags">
<div class="items">
<s_tag_rep>
<a href=""></a>
</s_tag_rep>
</div>
</div>
</s_tag>
<s_guest>
<div class="guest_inner">
<div class="hgroup">
<h1>방명록</h1>
</div>
<div class="comments">
<s_guest_input_form>
<div class="comment-form">
<s_guest_member>
<div class="field">
<s_guest_form>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_guest_form>
</div>
</s_guest_member>
<textarea name="" cols="" rows="4"></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">안부 남기기</button>
</div>
</div>
</s_guest_input_form>
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
</div>
<p></p>
<div class="control">
<a href="#" onclick="">수정/삭제</a>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ul>
</div>
</s_guest_container>
</div>
</div>
</s_guest>
<s_paging>
<div class="pagination">
<a class="prev ">이전</a>
<s_paging_rep>
<a ></a>
</s_paging_rep>
<a class="next ">다음</a>
</div>
</s_paging>
</article>
</section>
<hr>
<footer id="footer">
<p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="https://zenna9.tistory.com/manage" class="admin">관리자</a></p>
</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>
</html>
728x90
'HTML, CSS' 카테고리의 다른 글
| [CSS, HTML] 별점 모양 (0) | 2023.01.09 |
|---|---|
| 텍스트에 그라데이션 넣기 (0) | 2022.06.13 |
| 팝업 모달 만들기 (0) | 2022.06.13 |
| 사용 그림 (0) | 2022.03.01 |