HTML 웹페이지_HTML/Xhtml_웹페이지 제작을 위한 다양한 글꼴 형식 세부 수정

이 섹션에서는 독자들이 HTML의 다양한 글꼴 형식의 변화를 파악하고 보다 전문적인 웹 페이지를 만들 수 있도록 텍스트의 세부적인 수정부터 시작합니다.
4.2 다양한 텍스트 수정
이전 섹션에서는 큰 문단에 대한 다양한 설정을 배웠는데, 텍스트 자체를 수정하는 것이 더 매력적인 것 같습니다. 이 섹션에서는 독자들이 HTML의 다양한 글꼴 형식의 변화를 파악하고 보다 전문적인 웹 페이지를 만들 수 있도록 텍스트의 세부적인 수정부터 시작합니다.
4.2.1 텍스트 스타일 설정을 위한 기본 태그—
글꼴 스타일 설정을 위한 기본 태그는 이며, 그 안에 포함된 텍스트가 스타일 범위입니다. 초보자의 HTML 코드 작성에서는 텍스트 와 같이 가 여러 번 중첩되기 쉽습니다. 또 다른 상황은

텍스트

와 같이 잘못 정렬된 레이블 중첩입니다.. 코드 작성을 표준화하고 불필요한 오류를 피하기 위해 독자는 학습할 때 주의해야 합니다.
4.2.2 텍스트 색상 설정
color는 텍스트 색상을 설정하는 데 사용되는 태그의 속성 중 하나입니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 Font_color.htm으로 지정한 다음 코드 4.7과 같이 코드를 작성합니다.
코드 4.7 글꼴 색상 설정:font_color.htm





밝은 빨간색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

진한 빨간색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

밝은 녹색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

진한 녹색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

하늘색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

진한 파란색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

밝은 노란색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

어두운 노란색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

연한 청록색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

어두운 청록색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

밝은 보라색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.

진한 보라색 텍스트: HTML 학습의 본질은 무엇이든 사용하는 것입니다.



브라우저 주소창에 http://localhost/font_color.htm을 입력하면 그림 4.7과 같은 브라우징 효과가 나타납니다.

그림 4.7 글꼴 색상 설정
독자는 Code 4.7을 통해 글꼴 태그의 색상 속성 사용법을 배울 수 있을 뿐만 아니라 다양한 색상의 표현 방법도 익힐 수 있습니다.
4.2.3 텍스트 크기 설정
size는 텍스트 크기를 설정하는 데 사용되는 태그의 속성이기도 합니다. 크기 값은 1~7이고 기본값은 3입니다. 크기 속성 값 앞에 "+" 또는 "-" 문자를 추가하여 글꼴 크기의 초기 값을 기준으로 증가 또는 감소를 지정할 수 있습니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 Font_size.htm으로 지정한 다음 코드 4.8과 같이 코드를 작성합니다.
코드 4.8 글꼴 크기 설정:font_size.htm





크기는 1: HTML 학습

크기는 2: HTML 학습

크기는 3: HTML 학습

크기는 4: HTML 학습

크기는 5: HTML 학습

크기는 6: HTML 학습

크기는 7: HTML 학습



브라우저 주소 표시줄에 http://localhost/font_size.htm을 입력하면 그림 4.8과 같은 브라우징 효과가 나타납니다.

그림 4.8 글꼴 크기 설정
독자는 크기 값 앞에 "+" 또는 "-" 문자를 추가하여 텍스트 크기를 보다 유연하게 설정할 수 있습니다.
4.2.4 텍스트 글꼴 설정
face는 텍스트 글꼴(글꼴 스타일)을 설정하는 데 사용되는 태그의 속성이기도 합니다. HTML 웹 페이지에 표시되는 글꼴은 브라우저 시스템에서 호출되므로 글꼴의 일관성을 유지하기 위해 Song 글꼴을 사용하는 것이 좋으며, HTML 페이지에서도 기본적으로 Song 글꼴을 사용합니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 Font_face.htm으로 지정한 다음 코드 4.9와 같이 코드를 작성합니다.
코드 4.9 글꼴 설정:font_face.htm





글꼴은 노래 스타일입니다: 친위안춘·창사-마오쩌둥

글꼴은 일반 스크립트입니다: Qinyuanchun·Changsha-Mao Zedong

굵은 글꼴: 친위안춘·창사-마오쩌둥

글꼴은 공식 스크립트입니다: 친위안춘·창사-마오쩌둥


브라우저 주소 표시줄에 http://localhost/font_face.htm을 입력하면 그림 4.9와 같은 브라우징 효과가 나타납니다.

그림 4.9 글꼴 설정
저자는 독자의 편의를 위해 수정된 글꼴 부분의 글자 크기를 5로 설정했습니다.
4.2.5 텍스트 기울이기
기사 날짜와 같은 특수 효과를 얻으려면 텍스트를 기울이려면 이중 태그 를 사용하세요. 은 강조 태그라고도 하며 이탤릭체로 표시됩니다. 현재 태그보다 더 자주 사용됩니다.
이탤릭체입니다
이것도 이탤릭체로 되어있습니다
4.2.6 텍스트를 굵게 표시
이중 태그를 사용하여 기사 제목과 같이 텍스트를 굵게 표시하면 눈길을 더 끌 수 있습니다. 는 특수 강조 태그라고 하며, 현재는 태그보다 글자가 굵게 표시되는 경우가 많습니다. 작성 방법은 다음과 같습니다.
굵은 글씨입니다
이것도 굵은 글씨입니다
4.2.7 밑줄 텍스트
이중 태그 를 사용하여 영향을 받은 텍스트에 밑줄을 추가하세요. 다음은 기울임꼴, 굵게, 밑줄이 그어진 텍스트의 포괄적인 예입니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 Font_style.htm으로 지정한 다음 코드 4.10과 같이 코드를 작성합니다.
코드 4.10 텍스트 수정 설정:font_style.htm





이탤릭체: 친위안춘·창사-마오쩌둥

볼드체: 친위안춘·창사-마오쩌둥

밑줄: 친위안춘·창사-마오쩌둥

이탤릭체 굵은 밑줄: 친위안춘·창사-마오쩌둥


브라우저 주소창에 http://localhost/font_style.htm을 입력하면 그림 4.10과 같은 브라우징 효과가 나타납니다.

그림 4.10 글꼴 수정 설정
저자는 독자의 편의를 위해 내의 모든 텍스트 크기를 5로 설정했습니다.
— 참고: 여러 태그에 동일한 텍스트가 포함된 경우 포함 순서가 잘못될 수 없습니다.
4.2.8 다양한 제목 스타일 사용
웹 기사에서는 제목의 중요성을 부각시키기 위해 제목의 스타일이 비교적 특별합니다. HTML 기술은

에서

까지의 이중 태그인 제목 스타일 태그 세트를 보호합니다. 텍스트 크기는 큰 것부터 작은 것까지 다양한 수준의 제목을 나타냅니다. title 태그는 한 줄씩 차지하고, 글자는 굵게, 글자는 중앙에 배치되는 특징이 있습니다. 이런 식으로 제목을 설정하는 것이 매우 쉽고, 다단계 제목을 설정할 수 있습니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 Font_h.htm으로 지정한 다음 코드 4.11과 같이 코드를 작성합니다.
코드 4.11 제목 설정:font_h.htm

타이틀 1번

제목 2번

타이틀 3번

타이틀 4번

타이틀 5번

타이틀 6번

Fortune Magazine: Google이 번영하지 못하고 쇠퇴하는 이유

　

잠재적인 문제 발생

　

업계 일각에서는 오랫동안 인터넷 검색과 광고 시장을 독점해 온 구글이 번영했다가 쇠퇴할 수도 있다고 생각한다. ...동시에 소셜 네트워킹 사이트 OpenSocial의 일반 플랫폼인 Open Mobile Alliance와 무선 스펙트럼 대역 입찰에 수십억 달러를 투자할 수 있는 등 Google이 최근 출시한 많은 새로운 계획도 이루어졌습니다. 널리 질문됩니다.
　

계속 검색 독점

　

최근 더 좋은 검색 엔진이 등장하면 사람들은 주저 없이 구글을 버릴 것이라는 기사가 나오고 있습니다. 그러나 더 나은 검색 엔진이 등장하더라도 Google은 한동안 계속 존재할 것입니다. ...이 경우 사이트 속도가 승패를 좌우하는 경우가 많습니다.

브라우저 주소창에 http://localhost/font_h.htm을 입력하면 그림 4.11과 같은 브라우징 효과가 나타납니다.

그림 4.11 제목 설정
4.2.9 웹 페이지에서 특수 문자 처리 방법 배우기
HTML에서 일부 문자는 특별한 의미를 갖습니다. 예를 들어 ""은 태그의 왼쪽 및 오른쪽 대괄호이며 태그 자체는 브라우저에서만 구문 분석할 수 있습니다. 표시된 페이지에서는 사용할 수 없습니다. 그렇다면 HTML에서 ""을 어떻게 표시할까요? HTML은 표 4.1에 표시된 것처럼 웹 페이지에 표시될 수 있도록 일부 특수 문자를 작성하는 방법을 지정합니다.
표 4.1 HTML의 특수 문자

특수 기호
HTML 코드
특수 기호
HTML 코드
<
™(상표 기호)
™
>
>
®(등록 기호)
®
""(영문 반각)
"
×
×
§
§
©(저작권 기호)
©
D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 string.htm으로 지정한 다음 코드 4.12와 같이 string.htm 코드를 작성합니다.
코드 4.12 특수문자 설정: string.htm






태그 표시 방법:

따옴표 표시 방법 : "영문 반각 큰따옴표"

상표 표시 방법: ™

등록 기호 표시 방법: ®

저작권 기호 표시 방법: ©

쇼§

쇼 ×



브라우저 주소창에 http://localhost/string.htm을 입력하면 그림 4.12와 같은 브라우징 효과가 나타납니다.

그림 4.12 특수문자 설정
— 참고: & 기호를 별도로 표시하려면 & 코드를 사용해야 합니다.
4.2.10 브라우저의 HTML 일부 구문 분석을 더욱 편리하게 무시하는 방법
웹 페이지에서 이 책에 나오는 것과 유사한 HTML 코드 예제를 만들면 을 모두 <로 변환해야 하는 번거로움이 있습니다. HTML 코드의 및 <xmp></xmp>을 사용하면 이 문제를 쉽게 해결할 수 있습니다. <br><plaintext>은 단일 태그입니다. HTML 코드에 삽입되면 그 뒤에 오는 모든 HTML 태그가 유효하지 않게 됩니다. 즉, 브라우저는 <plaintext> 뒤에 오는 모든 HTML 태그를 구문 분석하여 페이지에 직접 표시하지 않습니다. . <br><xmp></xmp>은 포함된 콘텐츠의 태그만 무효화하는 이중 태그입니다. <xmp></xmp>가 더 일반적으로 사용됩니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 html.htm으로 지정한 다음 코드 4.13과 같이 코드를 작성합니다. <br>코드 4.13 태그 설정 무시: html.htm <br> <br> <br> <title>태그 설정 무시</title> <br> <br> <br><h2>친위안춘·창사</h2> <br><xmp>독립의 추운 가을, 오렌지섬 머리로 <strong>향강 북쪽</strong>으로 가세요. <br>붉게 물든 산과 온통 물든 숲을 보세요. <br>강은 푸르르고 <u>수백 척의 배들이 물살을 다투고 있습니다. </u> <br></xmp> <br>독수리는 하늘을 치고, <strong>물고기는 얕은 바닥으로 날아가고, </strong> <br> 온갖 서리가 내린 하늘이 자유를 위해 경쟁한다. <br>작은 윤곽이 아쉽지만, <u>무한한 대지에 물어보세요</u>, 부침은 누구의 책임인가요? <br> <br><plaintext> <br>수백 명의 커플을 데리고 여행을 떠나세요. <br>영광스러운 과거를 추억해보세요. <br> 같은 반 친구인 소년이 전성기를 맞이하고 있다. <br> 선비는 화를 내며 팡치우를 꾸짖는다. <br> 나라를 가리키며 영감을 주는 말, <br> 똥 흙은 만 가구 같았습니다. <br> <strong> 물살 한가운데에 </strong> 물이 부딪혀 파도가 보트를 멈췄다는 사실을 기억하시나요? <br> <br> <br>브라우저 주소창에 http://localhost/string.htm을 입력하면 그림 4.13과 같은 브라우징 효과가 나타납니다. <br><img style="max-width:90%" alt="" style="max-width:90%" src="http://files.jb51.net/file_images/web/2009422058213177807.jpg"> <br>그림 4.13 라벨 설정 무시 <br><strong>4.2.11 기타 텍스트 수정 방법</strong> <br>다양한 필드의 요구 사항을 충족하기 위해 HTML에는 텍스트를 수정하는 다른 태그도 있습니다. 더 일반적으로 사용되는 태그는 위 첨자 형식 태그와 아래 첨자 형식 태그입니다. 어떤 경우에는 삭제 효과가 필요할 수도 있습니다. 즉, HTML 밑줄 태그를 사용할 수 있습니다. <br> - 위 첨자 형식 레이블은 이중 레이블 으로, 특정 숫자의 제곱이나 세제곱과 같은 수학적 지수를 나타내는 데 주로 사용됩니다. <br> - 아래 첨자 형식 태그는 이중 태그 이며 주로 주석 및 수학적 기본 표현에 사용됩니다. <br>—밑줄 태그는 이중 태그 <strike></strike>로 주로 삭제 효과에 사용됩니다. <br>D:web 디렉터리에 웹 페이지 파일을 생성하고 이름을 other.htm으로 지정한 후 코드 4.14와 같이 코드를 작성합니다. <br>코드 4.14 기타 수정 태그 설정: other.htm <br> <br> <br> <title>기타 수정 태그 설정</title> <br> <br> <br><font size="5"> <br>친위안춘^창사! <br> <br>수학적 지수 표현: 2³=8, 100²=10000<br><hr> <br>친위안춘_창사! <br> <br>수학적 기초의 표현: log₃81=4, log₅125=3<br><hr> <br>삭제 효과: <strike>삭제되었습니다</strike> <br></font> <br> <br> <br>브라우저 주소창에 http://localhost/other.htm을 입력하면 그림 4.14와 같은 브라우징 효과가 나타납니다. <br><img style="max-width:90%" alt="" style="max-width:90%" src="http://files.jb51.net/file_images/web/2009422058217877808.jpg"> <br>그림 4.14 기타 수정 태그 설정</plaintext></plaintext></plaintext></plaintext> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>관련 라벨：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=br" target="_blank">br</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=세례반" target="_blank">세례반</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=문자" target="_blank">문자</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=상표" target="_blank">상표</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=체재" target="_blank">체재</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=세부사항" target="_blank">세부 사항</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=웹페이지" target="_blank">웹페이지</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">원천：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ko/faq/12298.html" title="웹페이지 제작 초보자: HTML 하이퍼링크 A tag_HTML/Xhtml_웹페이지 제작 사용법 배우기"> <span>이전 기사：웹페이지 제작 초보자: HTML 하이퍼링크 A tag_HTML/Xhtml_웹페이지 제작 사용법 배우기</span> </a> <a href="https://www.php.cn/ko/faq/12302.html" title="웹 프론트엔드 개발 CSS 관련 팀 협업_HTML/Xhtml_웹페이지 제작"> <span>다음 기사：웹 프론트엔드 개발 CSS 관련 팀 협업_HTML/Xhtml_웹페이지 제작</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">본 웹사이트의 성명</div> <div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">저자별 최신 기사</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796639331.html">NullPointerException은 무엇이며 어떻게 해결합니까?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796629482.html">초보자에서 코더까지: C 기초로 시작되는 여정</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796628545.html">PHP로 웹 개발 잠금 해제: 초보자 가이드</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627928.html">C에 대한 이해: 새로운 프로그래머를 위한 명확하고 간단한 길</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627806.html">코딩 잠재력 발휘: 완전 초보자를 위한 C 프로그래밍</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627670.html">내면의 프로그래머를 깨워보세요: 완전 초보자를 위한 C</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627643.html">C로 일상을 자동화하세요: 초보자를 위한 스크립트 및 도구</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627620.html">PHP가 쉬워졌습니다: 웹 개발의 첫 번째 단계</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627574.html">Python으로 무엇이든 빌드하기: 창의력을 발휘하기 위한 초보자 가이드</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ko/faq/1796627539.html">코딩의 핵심: 초보자를 위한 Python의 힘 활용</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">최신 이슈</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176373.html" target="_blank" title="웹사이트에서 입력 요소를 가져올 수 없습니다." class="wdcdcTitle">웹사이트에서 입력 요소를 가져올 수 없습니다.</a> <a href="https://www.php.cn/ko/wenda/176373.html" class="wdcdcCons">그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 18:59:57</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>442</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176329.html" target="_blank" title="Nuxt.js로 생성된 대시보드를 배포하기 위해 SSG를 사용해야 합니까?" class="wdcdcTitle">Nuxt.js로 생성된 대시보드를 배포하기 위해 SSG를 사용해야 합니까?</a> <a href="https://www.php.cn/ko/wenda/176329.html" class="wdcdcCons">Nuxt.js를 사용하여 내부용 대시보드를 개발하겠습니다. 내부 대시보드이므로 범용 스키마가 필요하지 않습니다. 일반적으로 대부분의 대시보드는 SPA에서 개발됩니...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 13:17:44</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>493</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176295.html" target="_blank" title="npx create-react-app 명령에 오류가 있습니다. 어떻게 해결합니까?" class="wdcdcTitle">npx create-react-app 명령에 오류가 있습니다. 어떻게 해결합니까?</a> <a href="https://www.php.cn/ko/wenda/176295.html" class="wdcdcCons">'npxcreate-react-app' 명령을 사용하여 새 React 앱을 만들려고 했지만 제대로 작동하지 않는 것 같습니다. 최근에 이 문제를 겪은 사람이 있나...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-05 14:42:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>3511</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176259.html" target="_blank" title="Webdriverio 8: CTRL + 다중 클릭을 수행할 수 없습니다." class="wdcdcTitle">Webdriverio 8: CTRL + 다중 클릭을 수행할 수 없습니다.</a> <a href="https://www.php.cn/ko/wenda/176259.html" class="wdcdcCons">열이 여러 개 있는데 Ctrl 버튼을 누른 다음 여러 열을 선택해야 합니다. 여러 가지 방법을 시도했지만 ctrl이 실행되지 않습니다. waitbrowser.ke...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-05 09:57:11</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1449</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176258.html" target="_blank" title="자바스크립트를 사용하여 두 개의 객체 배열을 단일 배열과 객체로 결합하는 방법" class="wdcdcTitle">자바스크립트를 사용하여 두 개의 객체 배열을 단일 배열과 객체로 결합하는 방법</a> <a href="https://www.php.cn/ko/wenda/176258.html" class="wdcdcCons">javascript vararr1=[{number:1,name:&quot;xxx&quot;}]vararr2=[{Details: &quot;Finance&quot;...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-05 10:00:36</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>관련 주제</div> <a href="https://www.php.cn/ko/faq/zt" target="_blank">더> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML 저작권 기호" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/htmlbq" class="title-a-spanl" title="HTML 저작권 기호"><span>HTML 저작권 기호</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML 온라인 편집기" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/htmlzxbjq" class="title-a-spanl" title="HTML 온라인 편집기"><span>HTML 온라인 편집기</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html 웹페이지 제작" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/htmlwyzz" class="title-a-spanl" title="html 웹페이지 제작"><span>html 웹페이지 제작</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML 공간" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/htmlkg" class="title-a-spanl" title="HTML 공간"><span>HTML 공간</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML이 무엇인가요?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/htmlssm" class="title-a-spanl" title="HTML이 무엇인가요?"><span>HTML이 무엇인가요?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML 글꼴 크기를 설정하는 방법" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/htmlztdxzmsz" class="title-a-spanl" title="HTML 글꼴 크기를 설정하는 방법"><span>HTML 글꼴 크기를 설정하는 방법</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/wangydkm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214183933576.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="웹페이지가 느리게 열립니다" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/wangydkm" class="title-a-spanl" title="웹페이지가 느리게 열립니다"><span>웹페이지가 느리게 열립니다</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/wydbk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214151490995.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="웹페이지를 열 수 없습니다" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/wydbk" class="title-a-spanl" title="웹페이지를 열 수 없습니다"><span>웹페이지를 열 수 없습니다</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">인기 추천</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="url은 무슨 뜻인가요?" href="https://www.php.cn/ko/faq/418772.html">url은 무슨 뜻인가요?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="DOM은 무엇을 의미하나요?" href="https://www.php.cn/ko/faq/414303.html">DOM은 무엇을 의미하나요?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="이미지 크기를 변경하는 방법" href="https://www.php.cn/ko/faq/414252.html">이미지 크기를 변경하는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="HTML에서 글꼴을 굵게 만드는 방법" href="https://www.php.cn/ko/faq/414520.html">HTML에서 글꼴을 굵게 만드는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="HTML 이미지의 크기를 설정하는 방법" href="https://www.php.cn/ko/faq/475145.html">HTML 이미지의 크기를 설정하는 방법</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>인기 튜토리얼</div> <a target="_blank" href="https://www.php.cn/ko/course.html">더> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">관련 튜토리얼 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">인기 추천<div></div></div> <div class="tabdiv swiper-slide" data-id="three">최신 강좌<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div>1423148 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/74.html" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" href="https://www.php.cn/ko/course/74.html">PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기</a> <div class="wzrthreerb"> <div>4268669 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>2535673 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>507327 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/2.html" title="PHP 제로 기반 입문 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 제로 기반 입문 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 제로 기반 입문 튜토리얼" href="https://www.php.cn/ko/course/2.html">PHP 제로 기반 입문 튜토리얼</a> <div class="wzrthreerb"> <div>862679 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div >1423148 학습 시간</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >2535673 학습 시간</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >507327 학습 시간</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/901.html" title="웹 프론트 엔드 개발에 대한 빠른 소개" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="웹 프론트 엔드 개발에 대한 빠른 소개"/> </a> <div class="wzrthree-right"> <a target="_blank" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="https://www.php.cn/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div >215838 학습 시간</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/234.html" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PS 비디오 튜토리얼을 처음부터 마스터하세요"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" href="https://www.php.cn/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div >890378 학습 시간</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/1648.html" title="[웹 프런트엔드] Node.js 빠른 시작" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[웹 프런트엔드] Node.js 빠른 시작"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[웹 프런트엔드] Node.js 빠른 시작" href="https://www.php.cn/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div >7471 학습 시간</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1647.html" title="해외 웹 개발 풀스택 강좌 총집합" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="해외 웹 개발 풀스택 강좌 총집합"/> </a> <div class="wzrthree-right"> <a target="_blank" title="해외 웹 개발 풀스택 강좌 총집합" href="https://www.php.cn/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div >5959 학습 시간</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1646.html" title="Go 언어 실습 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go 언어 실습 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go 언어 실습 GraphQL" href="https://www.php.cn/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div >4936 학습 시간</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1645.html" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" href="https://www.php.cn/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div >697 학습 시간</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1644.html" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬"/> </a> <div class="wzrthree-right"> <a target="_blank" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" href="https://www.php.cn/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div >24730 학습 시간</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>최신 다운로드</div> <a href="https://www.php.cn/ko/xiazai">더> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">웹 효과 <div></div></div> <div class="swiper-slide" data-id="twof">웹사이트 소스 코드<div></div></div> <div class="swiper-slide" data-id="threef">웹사이트 자료<div></div></div> <div class="swiper-slide" data-id="fourf">프론트엔드 템플릿<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 기업 메시지 양식 연락처 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 뮤직 박스 재생 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 모방 Kugou 음악 플레이어 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="클래식 HTML5 푸시 박스 게임" href="https://www.php.cn/ko/toolset/js-special-effects/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="https://www.php.cn/ko/toolset/js-special-effects/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 개인 앨범 커버 호버 확대/축소 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8064">[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" title="디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" title="현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" title="온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿" target="_blank">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3078" target="_blank" title="귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3077" target="_blank" title="4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)">[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3076" target="_blank" title="노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3075" target="_blank" title="황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3074" target="_blank" title="흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3073" target="_blank" title="다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3072" target="_blank" title="플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3071" target="_blank" title="9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)">[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" target="_blank" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" target="_blank" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" target="_blank" title="디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" target="_blank" title="현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" target="_blank" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" target="_blank" title="온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" target="_blank" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" target="_blank" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p> </div> <div class="footermid"> <a href="https://www.php.cn/ko/about/us.html">회사 소개</a> <a href="https://www.php.cn/ko/about/disclaimer.html">부인 성명</a> <a href="https://www.php.cn/ko/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1734508489"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>