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;"><a class="r course-btn" style='width:100%;color:#fff;' href="https://m.php.cn/ko/code/543.html">다음 섹션</a></div></div></div></div><div id="js-editor-container" class="cwrap-autoheight editor-container"><div id="js-editor-drag-wrap" class="editor-drag-wrap"><div id="js-editor-drager" class="editor-drager" unselectable="on"
style="-webkit-user-select: none; display: none;"><span>||</span></div></div><div class="editor-box" id="J_EditorTabs"><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="#editor-tabs-html">새로운 파일</a></li></ul></div><div class="editor-right icon-right editor-op"></div></div><div class="tab-con editor-item ace_editor ace-tomorrow-night ace_dark"
id="editor-tabs-html" data-filename="index.html" data-lang="php" style="font-size: 16px;"><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><div class="editor-btn"><div class="editor-btn-inner"><a href="javascript:;" class="code-btn-submit r" id="J_Commit" title="제출하다">제출하다</a><a href="javascript:;" class="code-btn-reset " id="J_EditorReset" title="코드 재설정">코드 재설정</a><div class="r aotorun" style="display: block;"><input type="checkbox" id="aotoruncheck" class="l" title="선택하면 코드 수정이 자동으로 적용됩니다. 선택하지 않은 경우 제출해야 적용됩니다."><label for="aotoruncheck" class="l" title="선택하면 코드 수정이 자동으로 적용됩니다. 선택하지 않은 경우 제출해야 적용됩니다.">자동운전</label></div></div></div><div class="editor-commit hide" id="J_EditorCommit"></div></div><div id="js-result-container" class="cwrap-autoheight result-container" style="width:400px;"><div id="js-result-drag-wrap" class="result-drag-wrap"><div id="js-result-drager" class="result-drager" unselectable="on"
style="-webkit-user-select: none; display: none;"><span>||</span></div></div><div class="result-wrap"><div id="viewPort-content"></div></div></div><div id="viewPort-header" class="result-triggers"><a href="javascript:;" id="js-toggle-width" class="result-toggle result-toggle-width"
style="visibility: hidden;"><i></i><span>전체 화면</span></a><a href="javascript:;" id="js-toggle-vsb" class="result-toggle result-toggle-vsb"
style="display:none;"><i></i><span>실행 결과</span></a></div></div></div><div class='learn-menu bto'><span data-i="2">장</span><span data-i="4">코스웨어</span></div><div class='course-section layui-clear p-10 mb-30' style="display: none;"><dl><dt>장1HTML 기본과정 설명</dt><dd><a href='https://m.php.cn/ko/code/370.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 튜토리얼<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/376.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 소개<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/391.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 편집기<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/405.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 기본<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/415.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 요소<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/421.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 속성<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/429.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 제목<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/431.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 단락<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/433.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 텍스트 형식<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/438.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 링크<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/443.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 헤더 요소<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/452.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML CSS<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/460.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 이미지<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/462.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 테이블<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/464.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 목록<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/468.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 블록<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/470.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 레이아웃<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/477.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 양식<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/479.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 프레임<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/482.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 색상 및 카테고리<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/490.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 각본<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/505.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 문자 엔터티<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/511.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML URL<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/515.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 태그 및 기본 요소에 대한 학습 요약<img src='/static/images/ico/bofang.png'
style='float: right; margin-top: 7px;'></a></dd><dt>장2CSS 기본 소개</dt><dd><a href='https://m.php.cn/ko/code/543.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 소개<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/551.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 스타일<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/555.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 기본 선택기<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/558.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS ID 선택기와 클래스 선택기의 차이점<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/570.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 조합 선택기<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/582.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 배경 배경<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/591.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 텍스트 스타일<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/597.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 글꼴<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/605.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 링크 스타일<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/608.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 목록 스타일<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/623.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 테이블<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/629.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 박스 모델<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/635.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 테두리 스타일<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/645.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 여백 및 패딩<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/654.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 개요<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/662.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 그룹화 및 중첩 선택기<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/670.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 크기 속성<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/676.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 표시 및 가시성<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/681.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 위치<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/690.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 플로트(플로팅)<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/702.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 가로, 세로, 가운데 정렬<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/713.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 의사 클래스 및 의사 요소<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/720.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 네비게이션 바<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/726.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 드롭다운 메뉴<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/734.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 이미지 갤러리<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/739.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 이미지 텍스트 투명성<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ko/code/752.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 속성 선택기<i
class='layui-icon layui-icon-play f-right'></i></a></dd></dl></div><ul class="lesson_download bg-white discuss"><div class="no_data"><div></div>없음</div></ul><div class='layui-clear mt-50'></div><script src="/static/src-min-noconflict/ace.js"></script><script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script><script>isLogin = 0;</script><script type="text/javascript" src="/static/js/jquery.min.js"></script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.4.8"></script><script>
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
} else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?43f47cabf6856204df6d083dd89ae407";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p></div><div class="footermid"><a href="https://m.php.cn/ko/about/us.html">회사 소개</a><a href="https://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="https://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = 0;</script></body></html>