연습장: 두 판 사이의 차이

2025년 3월 1일 (토) 18:01 기준 최신판

[ 등장인물 ]
Lorem ipsum dolor sit amet


	방탈출	웹툰	게임

[ 등장인물 ]
Lorem ipsum dolor sit amet

[이 부분]을 클릭해서 작동해용.

[이 부분이 숨겨질 것이오]

굵은 글씨를 눌러 보세요

이렇게 애니메이션과 함께 펼쳐지며 보이게 됩니다

숨김 내용

 부정적인 메시지에 훨씬 쉽게 그리고 즉각적으로 반응한다.

HIGHLIGHT
TEXT

이것은 형광펜 효과를 가진 텍스트입니다.

안녕하세요

@@ 1번째 줄: / 1번째 줄: @@
+{{웹툰제목|#faddcf|시월드가-내게-집착한다-로고.webp}}
 {| class="wikitable mw-collapsible mw-collapsed"
 | <strong>[ 등장인물 ] </strong>
@@ 4번째 줄: / 6번째 줄: @@
 | Lorem ipsum dolor sit amet
 |}
+<center>
+{| class="wikitable" style="text-align:center; border-style:hidden; background-color:transparent; width:500px;"
+|- style="border-style:hidden;"
+|
+| style="border-style:hidden;"| <div class="hover02">[[파일:대문 방탈출.webp|가운데|100x000픽셀|link=[[:분류:방탈출]]]]</div>
+| style="border-style:hidden;"| <div class="hover02">[[파일:대문 웹툰.webp|가운데|100x000픽셀|link=[[:분류:웹툰]]]]</div>
+| style="border-style:hidden;"| <div class="hover02">[[파일:대문 게임.webp|가운데|100x000픽셀|link=[[:분류:게임]]]]</div>
+|
+|-
+|
+| style="border-style:hidden; font-size:17px; font-weight:900;"| [[:분류:방탈출|방탈출]]
+| style="border-style:hidden; font-size:17px; font-weight:900;"| [[:분류:웹툰|웹툰]]
+| style="border-style:hidden; font-size:17px; font-weight:900;"| [[:분류:게임|게임]]
+|
+|}
+</center>
 <poem style="background-color:#faddcf;
 border-radius: 10px; width:100%; padding: 15px">
 [[파일:시월드가-내게-집착한다-로고.webp|프레임없음|가운데]]
-<hr><font style="text-align: center" >
+<font style="text-align: center" >
 {| class="wikitable mw-collapsible mw-collapsed"
 | style="background-color:#faddcf; color: black"|<strong>[ 등장인물 ]</strong>
@@ 19번째 줄: / 38번째 줄: @@
-<details>
+<span class="mw-customtoggle-20220422_help_wiki_syntax-2">[이 부분]</span>을 클릭해서 작동해용.
-<summary><strong>[ 등장인물 ] </strong></summary>
-</details>
+<div class="mw-collapsible" id="mw-customcollapsible-20220422_help_wiki_syntax-2">
+[이 부분이 숨겨질 것이오]
+</div>
+<div id="togglesomething" class="toggleBtn" data-target="collapsiblesomething" style="text-align: left;">굵은 글씨를 눌러 보세요</div>
+<div id="collapsiblesomething">이렇게 애니메이션과 함께 펼쳐지며 보이게 됩니다</div>
+<div class="mw-collapsible mw-collapsed" data-expandtext="펼침 버튼 이름" data-collapsetext="접기 버튼 이름"> 숨김 내용 </div>
+  <span class="highlight">부정적인 메시지</span>에 훨씬 쉽게 그리고 즉각적으로 반응한다.
+<p><span>HIGHLIGHT</span><br /><span>TEXT</span></p>
+<p> 이것은 <u class="highlight-under">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<p> 이것은 <u class="highlight-under-orange">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<p> 이것은 <u class="highlight-under-pink">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<p> 이것은 <u class="highlight-under-mint">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<p> 이것은 <u class="highlight-under-skyblue">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<p> 이것은 <u class="highlight-under-gray">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<p> 이것은 <u class="highlight-above">형광펜 효과</u>를 가진 텍스트입니다.</p>
+<button> dfdf</button>
+<u class="underline">안녕하세요</u>
+[[파일:평점 별 한개(노랑).webp]][[파일:평점 별 한개(노랑).webp]][[파일:평점 별 한개(노랑).webp]][[파일:평점 별 한개(노랑).webp]][[파일:평점 별 반개(노랑).webp]]
+<div class="hover01">[[파일:평점 별 한개(노랑).webp]]</div>
+<div class="hover02">[[파일:평점 별 없음.webp]]</div>
+<div class="hover03">[[파일:평점 별 한개(노랑).webp]]</div>
+<div class="hover03">[[파일:평점 별 없음.webp]]</div>