1. HTML의 요소 및 태그
요소는 단일 또는 쌍의 태그로 정의되는 포함 범위입니다. 레이블은 각각 왼쪽과 오른쪽에 보다 작음 기호(<)와 보다 큼 기호(>)가 있는 문자열입니다. 시작 태그는 슬래시(/)로 시작하지 않고 허용되는 속성-값 쌍의 목록을 포함하는 태그를 의미합니다. 닫는 태그는 슬래시(/)로 시작하는 태그입니다. 예:
<body><!—시작 태그-->
<font color=”read”>Connection</font> <!—color=”read”는 속성 - 값 쌍. "연결"은 콘텐츠-->
</body><!—끝 태그-->
2. 빈 요소<br>
속성이 있는 빈 요소
콘텐츠가 있는 요소
Connection</title> Font color="read">Connection</font> <br/>요약하면 위의 예는 <br/><br/><br/><span style="line-height: 1.76em;"><br/></span></p><p><html> //시작 기호. 브라우저가 없는 경우에도 구문 분석할 수 있습니다. <strong><span style="line-height: 1.76em;"></span><br/></strong></p><head>//문서 헤더 시작 <p><title> cauthy!/ /문서 제목 시작 <strong></title>//문서 제목 끝 <br/></head>//문서 제목 끝 <br/><body color= "red">//문서 본문 시작 <br/>Hello World!//브라우저에 표시되는 콘텐츠 <br/></body>//문서 본문 종료 <br/></html>//HTML 문서 종료 <br/><br/><br/> </strong></p>3. 문단 제어 관련 태그 <p><span style="font-size: 18px;"><strong><palign="#"> 문단을 생성하는 기능입니다. . align 속성은 세그먼트 정렬을 나타내며 </strong><br> 줄 바꿈을 나타냅니다. 기능: 가로선을 삽입합니다. . 속성은 색상을 나타냅니다. 녹색 읽기는 #ffoooo </span>와 같은 16진수를 사용할 수도 있습니다.<pre class="brush:php;toolbar:false"><html>
<head>
<title>静夜思</title>
</head>
<body>
<p align="center">静夜思</p>
<hr color="#ffoooo">
<p align="center">床前明月光，疑是地上霜。举头望明月，低头思故乡。</p>
</body>
</html></pre><p><strong><span style="font-size: 16px;">4. 텍스트 표시 관련 태그 </span><br/></strong><center>…</center>: 텍스트 표시를 중앙에 배치 <br/><hn align= " ">...<hn>: 문서의 제목을 나타내는 데 사용됩니다. n은 1에서 6까지의 정수입니다. 1은 가장 큰 제목을 나타내며, align 속성은 제목의 정렬을 나타내며 중앙이 될 수 있습니다. 왼쪽 오른쪽 <br/>< ;fontsize=”n” color=””>…</font>: 글꼴을 설정하는 데 사용됩니다. 크기는 글꼴 크기를 나타냅니다. n은 1에서 7 사이의 정수일 수 있습니다. 번호가 높을수록 표시되는 글꼴이 커집니다. <br/><b>…</b>: 텍스트를 굵게 설정 <br/><i>…</i>: 텍스트를 기울임꼴로 설정 <br/></p><p><span style="font-size: 16px;"><strong>5. 특수 문자 입력 방법</strong></span><br/>HTML 문서에서는 줄바꿈 없는 공백, 캐리지 리턴, HTML 예약어, 키보드에 없는 일부 문자 등의 기호를 입력합니다. HTML에는 문자 참조와 엔터티 참조라는 두 가지 참조 유형이 있습니다. <br/>문자 참조와 엔터티 참조는 모두 &로 시작하고 세미콜론(;)으로 끝납니다. 문자 참조를 사용하는 경우 & 뒤에 #을 추가하고 그 뒤에 필요한 문자의 10진수 코드 또는 16진수 코드(ISO 10646 문자 집합의 문자 인코딩)를 추가해야 합니다. 엔터티 참조를 사용하는 경우 & 뒤에 니모닉 문자를 씁니다. <br/>HTML에서는 전자 공백을 사용하여 공백을 입력할 수 있습니다. <br/><br/><span style="font-size: 16px;"><strong>6. HTML의 댓글 </strong></span><br/><!--댓글 내용입니다--> > <br/>7. 클래스 테이블 - 번호 매기기 목록 만들기 <br/><span style="font-size: 16px;"><strong><ol> 및 <li> 태그를 사용하여 번호 매기기 목록을 만듭니다. type 속성을 사용하여 번호 매기기 시스템의 유형을 지정할 수 있습니다. A(A, B, C), a(a, b, c), I(III III), i(i ii iii) 1(1, 2, 3) 기본 </strong><ol> 태그의 시작 속성을 사용하여 시작 시퀀스 번호를 설정합니다. </span>목록의 번호 매기기 순서를 변경하려면 <li> 태그의 값 속성을 사용하세요. <br/><ul> 태그를 사용하여 글머리 기호 목록을 만듭니다. Ul의 유형 속성은 디스크(단색 원) 정사각형(단색 정사각형) 원(빈 원)일 수 있습니다. <br/><dl> 및 <dt> 태그를 사용하여 부호 없는 목록을 생성하고, <dd>태그 대체< dt>는 들여쓰기된 목록을 생성합니다. <br/><dl> 요소에 <dt> 태그를 모두 사용하여 용어 목록을 만듭니다. 용어 목록의 목록 항목은 용어와 해당 설명이라는 두 부분으로 구성됩니다. 용어는 <dt> 태그로 지정되며, 설명은 <dd> 태그로 지정됩니다. <br/><p><strong><ol start="10"type="I"> <br/><li>수학 <br/><livalue="20">중국어 <br/><li>물리 <br/></ol> <br/><ul type="circle"> <br/><li>수학 <br/><li>중국어 <br/><li>물리학 <br/>< /ul> <br/><dl > <br/><dt>수학 <br/><dd>중국어 <br/><dt>물리 <br/><dd>화학 <br/></dl> ; </strong></p><p><span style="font-size: 16px;"><strong>8. 테이블 </strong></span><br/>테이블은 <table border= n align="”>…< /table>, 여기서 border는 테이블의 너비이고 기본값은 0입니다. 이는 테이블의 너비가 표시되지 않음을 의미합니다. <br/><caption>…</caption>: 테이블 제목을 정의하는 데 사용됩니다. <br/><tralign="" valign="" >…</br>: align 속성은 가로 방향을 지정합니다. 이 행의 방향 해당 방법의 경우 leftcenter right .valign에 대해 위쪽, 중간, 아래쪽 <br/><th>…</th>일 수 있는 수직 정렬을 지정할 수 있습니다. 테이블 헤더를 설정하는 데 사용됩니다. <br/><td> ;...</td>: 셀을 정의하는 데 사용됩니다 </p><pre class="brush:php;toolbar:false"><html>
<head><title>表格</title></head>
<body>
<table border="5"align="center" bgcolor="bule">
<caption>考试成绩</caption>
<tr align="center"valign="middle">
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
<tr align="center"valign="middle" >
<td>80</td>
<td>70</td>
<td>60</td>
<tr align="center"valign="middle" >
<td>60</td>
<td>70</td>
<td>80</td>
</table>
</body>
</html></pre><p><span style="font-size: 16px;"><strong>9. 폼 생성</strong></span><br/><form method=”get or post ”action=”URL”>: 속성 메서드는 데이터를 보낼 때 지정합니다. 서버 사용되는 HTTP 메소드는 get 또는 post 메소드일 수 있습니다. Get이 기본 방법입니다. get 방법을 사용하여 양식을 제출하면 제출된 데이터가 URL 끝에 추가되고(속성 작업에 지정됨) URL의 일부로 서버에 전송됩니다. reg.asp라는 작업, 양식이 제출되면 브라우저 주소에 http://localhost:8080/reg.asp?user=zhangsan&pwd=1234가 표시됩니다. <br/>Post 방법은 정보를 보내는 것입니다. 메뉴에서 데이터 블록으로 서버에 대해 어떤 방법을 사용하든 데이터 인코딩은 다음 형식으로 동일합니다. name1=value1&name2=value2 <br/>속성 작업은 처리하는 스크립트의 주소를 지정합니다. 즉, 양식이 이를 처리할 서버에 제출된 후 작업에서 처리기의 URL을 지정합니다. <br/><inputtype="" name="" size="" value=" ”>: type은 생성할 컨트롤의 유형을 지정합니다. name 속성은 컨트롤의 이름을 지정하는 데 사용됩니다. 양식을 처리하는 서버 측 스크립트는 이름-값 쌍으로 표시되는 양식 데이터를 얻을 수 있으며 해당 값을 검색할 수 있습니다. Name 속성은 폼에 표시되지 않으며 size 속성은 폼에서 컨트롤의 초기 너비를 설정하는 데 사용됩니다. value 속성은 컨트롤의 초기 값을 지정합니다. <br/>한 줄 텍스트 입력 컨트롤(type="text") 제출 버튼(type="submit") <br/>재설정 버튼(type="rest") 비밀번호 입력 컨트롤(type="password") <br/>한 줄 선택 버튼(type=”radio”) 체크 상자(type=”checkbox”) 숨겨진 컨트롤(type=”hidden”) <br/>여러 줄 텍스트 입력 생성<텍스트 영역 이름=”” 행=”” cols=” ” >…</textarea> <br/>다음 예에서는 테이블을 사용하여 </p><pre class="brush:php;toolbar:false"><html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<form method="get"action="">
<table border="0">
<tr valign="middle"></tr>
<td>用户名：</td>
<td><input type="text" size="20" name ="user"></td>
<tr align="left" valign="middle"></tr>
<td>密码：</td>
<td><input type="password"></td>
<tr align="left" valign="middle"> </tr>
<td>兴趣</td>
<td><input type="checkbox" name="interest" value="football">足球
<input type="checkbox" name="interest"value="basketball">篮球
</td>
<tr align="left"valign="middle"></tr>
<td>性别</td>
<td><input type="radio" name="sex" checked value="1">男
<input type="radio" name="sex" value="0">女
</td>
</select></td>
<tr align="left" valign="middle"></tr>
<tdvalign="top">个人简介：</td>
<td><textarea name="personal" rols="5" cols="20">个人简介</textarea>
</td>
<tr align="left"valign="middle"></tr>
<td></td>
<td><input type="hidden" value="001" name="id"></td>
<tr align="left" valign="middle"></tr>
<td></td>
<td><input type="reset" value="重置"><input type="submit" value="提交"></td>
</table>
</form>
</body>
</html></pre><p><span style="font-size: 16px;"><strong>10. 하이퍼링크 </strong></span></p><p> <span style="font-size: 14px;"><a href="URL">...링크 텍스트</a> <strong><a href="form.html">현재 디렉토리</a> ahref=../”form.html”>현재 디렉토리보다 한 단계 위의 디렉토리</a> <br/><ahref=”E://form.html”>절대 경로</a> ><ahref=”http://www.baidu.com”>월드와이드웹 주소</a> <br/><br/><br/></strong></span></p>11. ><p><span style="font-size: 16px;"><strong></strong></span><img src="URL" alt="replacement text" height="42" width="42"></p><p><span style="font-size: 14px;"> </div>
</div>
<a class="course-btn course_code_header_next" href="http://www.php.cn/ko">지속적인 학습</a>
</div>
<div class="layui-col-md6 editor-box" >
<div id="code_spread_shrink">
<div id="code_spread_shrink_show" unselectable="on"><span>|| </span></div>
</div>
<div class="editor-tab js-editor-tab">
<div class="editor-left icon-left editor-op"></div>
<div class="editor-view">
<ul class="clearfix" id="J_TabType" style="width: 120px; margin-left: 0px;">
<li class="ui-tabs-active">
<a href="javascript:;">새로운 파일</a>
</li>
</ul>
</div>
<div class="editor-right icon-right editor-op"></div>
</div>
<div id="editor-tabs-html" data-filename="index.html" data-lang="php" style="font-size: 16px;height:600px"><html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<form method="get">
<table border="0">
<tr valign="middle"></tr>
<td>用户名：</td>
<td><input type="text" size="20" name ="user"></td>
<tr align="left" valign="middle"></tr>
<td>密码：</td>
<td><input type="password"></td>
<tr align="left" valign="middle"> </tr>
<td>兴趣</td>
<td><input type="checkbox" name="interest" value="football">足球
<input type="checkbox" name="interest" value="basketball">篮球
</td>
<tr align="left" valign="middle"></tr>
<td>性别</td>
<td><input type="radio" name="sex" checked value="1">男
<input type="radio" name="sex" value="0">女
</td>
</select></td>
<tr align="left" valign="middle"></tr>
<tdvalign="top">个人简介：</td>
<td><textarea name="personal" rols="5" cols="20">个人简介</textarea>
</td>
<tr align="left" valign="middle"></tr>
<td></td>
<td><input type="hidden" value="001" name="id"></td>
<tr align="left" valign="middle"></tr>
<td></td>
<td><input type="reset" value="重置"><input type="submit" value="提交"></td>
</table>
</form>
</body>
</html> </div>
<div class="editor-btn"><div class="editor-btn-inner"><a href="javascript:;" class="code-btn-submit" id="J_Commit" title="제출하다">제출하다</a><a href="javascript:;" class="code-btn-reset " id="J_EditorReset" title="코드 재설정">코드 재설정</a><div class="aotorun" style="display: block;"><input type="checkbox" id="aotoruncheck" title="선택하면 코드 수정이 자동으로 적용됩니다. 선택하지 않은 경우 제출해야 적용됩니다."><label for="aotoruncheck" title="선택하면 코드 수정이 자동으로 적용됩니다. 선택하지 않은 경우 제출해야 적용됩니다.">자동운전</label></div></div></div>
</div>
<div class="layui-col-md3" id="viewPort-content"></div>
<!-- 右侧章节列表 -->
</div>
</div>
<div class="phpSyyBox">
<div class="phpSyyLeft">
<div class="phpSyySyj">
<span class="right"><a href="http://www.php.cn/ko/code/511.html" title="HTML URL"><b class="icon3"></b>이전 섹션</a></span>
<em></em>
<span class="right"><a href="http://www.php.cn/ko/code/543.html" title="CSS 소개"><b class="icon2"></b>다음 섹션</a></span>
</div>
<div class="phpSyyQhlx"><a href="http://www.php.cn/ko/course.html" target="_blank" title="튜토리얼 목록"><b></b>튜토리얼 목록</a></div>
<div class="phpSyyHqbz"><a href="http://www.php.cn/ko/wenda.html" target="_blank" title="도움을 받다"><b></b>도움을 받다</a></div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="layui-main">
<div class="layui-row">
<div class="layui-col-md9">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">코스 추천</li>
<li id="code_down_li">코스웨어 다운로드</li>
</ul>
<div class="layui-tab-content">
<!--推荐课程-->
<div class="layui-tab-item layui-show">
<ul class="diy-vodeo diy-li-left php-video-ul">
<li>
<a href='http://www.php.cn/ko/course/1441.html' title="HTML+CSS 빠른 시작" >
<img alt="HTML+CSS 빠른 시작" src="https://img.php.cn/upload/course/000/000/068/62ea1e8b3c8e0915.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+CSS 빠른 시작</h3>
</div>
<div class="php-course-bottom">
<span class="l">3874명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/1056.html' title="HTML+css에 대한 빠른 소개" >
<img alt="HTML+css에 대한 빠른 소개" src="https://img.php.cn/upload/course/000/000/067/64be2dec04de7806.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+css에 대한 빠른 소개</h3>
</div>
<div class="php-course-bottom">
<span class="l">17459명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/1047.html' title="HTML+css에 대한 기본 지식" >
<img alt="HTML+css에 대한 기본 지식" src="https://img.php.cn/upload/course/000/000/010/5cbd225e3a348614.jpeg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+css에 대한 기본 지식</h3>
</div>
<div class="php-course-bottom">
<span class="l">21767명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/1022.html' title="HTML+CSS 웹페이지 기본 사항" >
<img alt="HTML+CSS 웹페이지 기본 사항" src="https://img.php.cn/upload/course/000/000/068/6256990bbf04e971.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+CSS 웹페이지 기본 사항</h3>
</div>
<div class="php-course-bottom">
<span class="l">18464명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/8.html' title="HTML/CSS 빠른 시작" >
<img alt="HTML/CSS 빠른 시작" src="https://img.php.cn/upload/course/000/000/068/625908118aa86152.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML/CSS 빠른 시작</h3>
</div>
<div class="php-course-bottom">
<span class="l">19401명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/1566.html' title="HTML+CSS 기본 및 실습" >
<img alt="HTML+CSS 기본 및 실습" src="https://img.php.cn/upload/course/000/000/067/6497af87c2a31936.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+CSS 기본 및 실습</h3>
</div>
<div class="php-course-bottom">
<span class="l">2553명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/1033.html' title="HTML+css+PHP 시작하기" >
<img alt="HTML+css+PHP 시작하기" src="https://img.php.cn/upload/course/000/000/067/64be2bcc4c3bf736.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>중급</i>HTML+css+PHP 시작하기</h3>
</div>
<div class="php-course-bottom">
<span class="l">30747명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/10.html' title="손끝에서 HTML+CSS를 배우세요" >
<img alt="손끝에서 HTML+CSS를 배우세요" src="https://img.php.cn/upload/course/000/000/068/6253e1723d354580.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>손끝에서 HTML+CSS를 배우세요</h3>
</div>
<div class="php-course-bottom">
<span class="l">36335명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/12.html' title="HTML+CSS 기본 입문 튜토리얼" >
<img alt="HTML+CSS 기본 입문 튜토리얼" src="https://img.php.cn/upload/course/000/000/068/6253de8ca1761701.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+CSS 기본 입문 튜토리얼</h3>
</div>
<div class="php-course-bottom">
<span class="l">81692명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/11.html' title="HTML+CSS 쉬운 시작 튜토리얼" >
<img alt="HTML+CSS 쉬운 시작 튜토리얼" src="https://img.php.cn/upload/course/000/000/068/6253eb19a38f5133.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>HTML+CSS 쉬운 시작 튜토리얼</h3>
</div>
<div class="php-course-bottom">
<span class="l">20614명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/968.html' title="매일 공유되는 HTML/CSS 기술 지식" >
<img alt="매일 공유되는 HTML/CSS 기술 지식" src="https://img.php.cn/upload/course/000/000/068/625d302f0f4b7990.jpg" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>매일 공유되는 HTML/CSS 기술 지식</h3>
</div>
<div class="php-course-bottom">
<span class="l">10507명이 시청하고 있습니다.</span>
</div>
</a>
</li>
<li>
<a href='http://www.php.cn/ko/course/210.html' title="2016년 새로운 교육과정 시스템 html+css 동영상" >
<img alt="2016년 새로운 교육과정 시스템 html+css 동영상" src="https://img.php.cn/upload/course/000/000/068/625686f8a1bca597.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>초등학교</i>2016년 새로운 교육과정 시스템 html+css 동영상</h3>
</div>
<div class="php-course-bottom">
<span class="l">16941명이 시청하고 있습니다.</span>
</div>
</a>
</li>
</ul>
</div>
<div class="layui-tab-item">
<div id="code_down" style="margin: 0 30px 26px;">
<div class="no_data" style="text-align: center;min-height: 490px;line-height:112px;padding: 190px 0;box-sizing: border-box;color: #e3e3e3;font-size: 20px;"><div style="background: url(/static/images/lesson_video_lists.png) no-repeat;margin-right: 20px;width: 118px;height: 112px;background-position: 0 -389px;float:left;"></div>
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md3 video-right-course">
<div class="layui-col-md12 title" >
<p>이 강좌를 시청한 학생들도 학습하고 있습니다.</p>
</div>
<div class="layui-col-md12 php-video-img" >
<a class="recommend" href="http://www.php.cn/ko/course/812.html" target="_blank"><img width='300' height='160' src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"><span class="font14"> 492154회 재생</span></a>
</div>
<div class="layui-col-md12 php-video-list" >
<ul>
<li><a class="font14 color66" title="PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다." href="http://www.php.cn/ko/course/1503.html" target="_blank">PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다.</a></li>
<li><a class="font14 color66" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="http://www.php.cn/ko/course/901.html" target="_blank">웹 프론트 엔드 개발에 대한 빠른 소개</a></li>
<li><a class="font14 color66" title="민망한 물건 백과사전 사이트를 모방한 Mini 버전 MVC 프레임워크의 대규모 실용 Tianlongbabu 개발" href="http://www.php.cn/ko/course/836.html" target="_blank">민망한 물건 백과사전 사이트를 모방한 Mini 버전 MVC 프레임워크의 대규모 실용 Tianlongbabu 개발</a></li>
<li><a class="font14 color66" title="PHP 실용 개발 시작하기: 빠른 PHP 생성 [중소기업 포럼]" href="http://www.php.cn/ko/course/902.html" target="_blank">PHP 실용 개발 시작하기: 빠른 PHP 생성 [중소기업 포럼]</a></li>
<li><a class="font14 color66" title="로그인 인증 및 클래식 게시판" href="http://www.php.cn/ko/course/866.html" target="_blank">로그인 인증 및 클래식 게시판</a></li>
<li><a class="font14 color66" title="컴퓨터 네트워크 지식 수집" href="http://www.php.cn/ko/course/1463.html" target="_blank">컴퓨터 네트워크 지식 수집</a></li>
<li><a class="font14 color66" title="빠른 시작 Node.JS 정식 버전" href="http://www.php.cn/ko/course/1462.html" target="_blank">빠른 시작 Node.JS 정식 버전</a></li>
<li><a class="font14 color66" title="당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]" href="http://www.php.cn/ko/course/1455.html" target="_blank">당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]</a></li>
<li><a class="font14 color66" title="자신만의 PHP MVC 프레임워크 작성(깊이 있는 40개 장/자세한 내용/초보자가 발전하려면 읽어야 함)" href="http://www.php.cn/ko/course/1467.html" target="_blank">자신만의 PHP MVC 프레임워크 작성(깊이 있는 40개 장/자세한 내용/초보자가 발전하려면 읽어야 함)</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpcn-modal-layer fixed" style="z-index:9004;visibility:visible;opacity:1;display:none;">
<div class="phpcn-modal-title">
<div class="phpcn-modal-draggable dragging">
<span>노트</span>
<a href="javascript:void(0)" class="phpcn-icon-close phpcn-modal-close js-modal-close">X</a>
</div>
</div>
<div class="phpcn-modal-inner">
<div class="phpcn-modal-dialog">
</div>
</div>
</div>
<script id="noteTpl" type="text/html">
<div class="note-pop">
<div id="js-note-input-fake" class="textarea-wrap">
<textarea data-maxlength="1000" id="js-note-textarea" class="js-placeholder" name="" placeholder="내용을 입력해주세요"></textarea>
<p class="note-text-counter"><span id="js-note-limit">0</span>/1000</p>
</div>
<div class="publish-note-btns input-btm clearfix">
<div class="verify-code clearfix"></div>
<input type="button" value="구하다" id="js-note-submit" class="phpcn-btn phpcn-btn-green r" data-media_id="515"/>
</div>
<a style="margin:30px 0 40px;float:right;color:red;border:1px solid red;padding:5px 10px;" href="/login" target="_blank">내 노트 보기</a>
</div>
</script>
<script id="askTpl" type="text/html">
<div class="qa-pop">
<div class="question-area">
<div class="qa-control qa-ipt-title">
<input type="text" id="js-qa-title" maxlength="255" class="js-placeholder autocomplete" placeholder="질문 제목을 입력해주세요"/>
</div>
</div>
<div class="qa-control-wrap clearfix">
<div class="qa-control">
<div class="rich-text-editor" id="container"></div>
</div>
</div>
<div id="js-discuss-btm" class="discuss-bottom input-btm clearfix pop-footer">
<div class="verify-code clearfix">
<input type="text" maxlength="4" class="verify-code-ipt" placeholder="인증 코드를 입력 해주세요"/>
<img class="verify-img-wrap js-verify-refresh" onclick="refreshVerify(this)" src="/captcha.html">
<a class="icon-refresh js-verify-refresh" hidefocus="true" title="새로 고치다" href="javascript:refreshVerify('.js-verify-refresh')">새로 고치다</a>
<span class="errtip"></span>
</div>
<input id="js-discuss-submit" class="r phpcn-btn phpcn-btn-green" type="button" value="풀어 주다"/>
</div>
</div>
</script>
<script>isSpaceExe=true;</script>
<script src="/static/ueditor/ueditor.config.js"></script>
<script src="/static/ueditor/ueditor.user.all.js"></script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script src="/static/src-min-noconflict/ace.js"></script>
<script>learn = "515";</script>
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="http://www.php.cn/ko/about/xieyi.html" rel="nofollow" target="_blank" title="회사 소개" class="cBlack">회사 소개</a>
<a href="http://www.php.cn/ko/about/yinsi.html" rel="nofollow" target="_blank" title="부인 성명" class="cBlack">부인 성명</a>
<a href="http://www.php.cn/ko/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
<div class="clear"></div>
</dt>
<dd class="cont1">PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</dd>
</dl>
</div>
</div>
</div>
</div>
<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?1731072521"></script>
<script>$('.ylwTopBox').hover(function() { $(this).find('.ylwTopSub').show(); },function(){ $(this).find('.ylwTopSub').hide(); });</script>
</body>
</html>