집
웹 프론트엔드
HTML 튜토리얼
HTML 공통 태그 및 속성
HTML 공통 태그 및 속성
Oct 22, 2019 pm 03:23 PM
html
재산
상표
HTML의 태그 및 속성
HTML 문서를 정의합니다.
<tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="372">문서의 제목을 정의하세요. </th>
<th style="border-color: rgb(221, 221, 221);" width="438"></th>
</tr><body></thead>
<tbody>문서의 본문을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="word-break: break-all; border-color: rgb(221, 221, 221);" width="438"><h1>에서 <h6></h6>
</h1></td>
</tr>HTML 제목을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="border-color: rgb(221, 221, 221);" width="438"><p></td>
</tr>단락을 정의하세요. <tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="border-color: rgb(221, 221, 221);" width="438"><br></td>
</tr>간단한 줄바꿈을 정의하세요. <tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="border-color: rgb(221, 221, 221);" width="438"><hr></td>
</tr>수평선을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="border-color: rgb(221, 221, 221);" width="438"><!--...--></td>
</tr>주석을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="border-color: rgb(221, 221, 221);" width="438"></td>
</tr>Form<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td>
<td style="border-color: rgb(221, 221, 221);" width="438"></td>
</tr>
<tr> 태그 <td style="border-color: rgb(221, 221, 221);" width="372"></td> 설명 <td style="border-color: rgb(221, 221, 221);" width="438"></td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"></td><form><td style="border-color: rgb(221, 221, 221);" width="438"></td> 사용자 입력을 위한 HTML 양식을 정의합니다. </tr>
</tbody>
</table>
<p><input><strong></strong>입력 컨트롤을 정의합니다. <br></p>
<table width="811">
<thead><textarea><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="254">여러 줄 텍스트 입력 컨트롤을 정의합니다. </th>
<th style="border-color: rgb(221, 221, 221);" width="556"></th>
</tr><버튼></thead>
<tbody>버튼을 정의하세요. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><select></td>
</tr>선택 목록(드롭다운 목록)을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><optgroup></td>
</tr>선택 목록에서 관련 옵션의 조합을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><option></td>
</tr>선택 목록에서 옵션을 정의하세요. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><label></td>
</tr>입력 요소의 레이블을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><fieldset></td>
</tr> 양식의 요소 주위에 테두리를 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><legend></td>
</tr>fieldset 요소의 제목을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><datalist></td>
</tr>드롭다운 목록을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><keygen></td>
</tr>생성된 키를 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556"><output></td>
</tr>일부 출력 유형을 정의합니다. <tr>
<td style="border-color: rgb(221, 221, 221);" width="254"></td>
<td style="border-color: rgb(221, 221, 221);" width="556">
<p><strong>Frame</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="225"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="585"> 설명 </th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><frame></td>
<td style="border-color: rgb(221, 221, 221);" width="585">프레임세트를 정의하는 창 또는 프레임입니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><프레임세트></td>
<td style="border-color: rgb(221, 221, 221);" width="585">프레임세트를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><noframes></td>
<td style="border-color: rgb(221, 221, 221);" width="585"> 프레임을 지원하지 않는 사용자를 위한 대체 콘텐츠를 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><iframe></td>
<td style="border-color: rgb(221, 221, 221);" width="585">인라인 프레임을 정의합니다. </td>
</tr>
</tbody>
</table>
<p><strong>Image</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="232"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="578">Description</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><img></td>
<td style="border-color: rgb(221, 221, 221);" width="578">정의 이미지. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><map></td>
<td style="border-color: rgb(221, 221, 221);" width="578">이미지 매핑을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><area></td>
<td style="border-color: rgb(221, 221, 221);" width="578">이미지 맵 내부의 영역을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><캔버스></td>
<td style="border-color: rgb(221, 221, 221);" width="578">그래픽을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><figcaption></td>
<td style="border-color: rgb(221, 221, 221);" width="578">그림 요소의 제목을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><그림></td>
<td style="border-color: rgb(221, 221, 221);" width="578">미디어 콘텐츠 그룹과 제목을 정의합니다. </td>
</tr>
</tbody>
</table>
<p><strong> 링크 </strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="198"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="612"> 설명 </th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="198"><a></td>
<td style="border-color: rgb(221, 221, 221);" width="612">앵커를 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="198"><link></td>
<td style="border-color: rgb(221, 221, 221);" width="612">문서와 외부 리소스 간의 관계를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="198"><nav></td>
<td style="border-color: rgb(221, 221, 221);" width="612">탐색 링크를 정의합니다. </td>
</tr>
</tbody>
</table>
<p><strong>List</strong><br></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="208"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="602"> 설명 </th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><ul></td>
<td style="border-color: rgb(221, 221, 221);" width="602"> 순서가 지정되지 않은 목록을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><ol></td>
<td style="border-color: rgb(221, 221, 221);" width="602">순서가 지정된 목록을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><li></td>
<td style="border-color: rgb(221, 221, 221);" width="602">목록의 항목을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dir></td>
<td style="border-color: rgb(221, 221, 221);" width="602">지원 중단되었습니다. 디렉토리 목록을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dl></td>
<td style="border-color: rgb(221, 221, 221);" width="602">정의 정의 목록입니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dt></td>
<td style="border-color: rgb(221, 221, 221);" width="602">정의 목록에서 항목을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dd></td>
<td style="border-color: rgb(221, 221, 221);" width="602">정의 목록에서 항목에 대한 설명을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><menu></td>
<td style="border-color: rgb(221, 221, 221);" width="602">메뉴/명령 목록을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><menuitem></td>
<td style="border-color: rgb(221, 221, 221);" width="602"> 사용자가 팝업 메뉴에서 호출할 수 있는 명령/메뉴 항목을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><command></td>
<td style="border-color: rgb(221, 221, 221);" width="602">명령 버튼을 정의하세요. </td>
</tr>
</tbody>
</table>
<p><strong>Table</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="239"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="571"> 설명 </th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><table></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블 정의</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239">< caption ></td>
<td style="border-color: rgb(221, 221, 221);" width="571">표 제목을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><th></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블의 헤더 셀을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><tr></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블의 행을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><td></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블의 셀을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><thead></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블의 헤더 내용을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><tbody></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블에 본문 내용을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><tfoot></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블에 테이블 노트 내용(각주)을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><col></td>
<td style="border-color: rgb(221, 221, 221);" width="571">테이블에 있는 하나 이상의 열에 대한 속성 값을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><colgroup></td>
<td style="border-color: rgb(221, 221, 221);" width="571">서식을 지정할 테이블의 열 그룹을 정의하세요. </td>
</tr>
</tbody>
</table>
<p><strong>스타일/섹션</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="239"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="571"> 설명 </th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><style></td>
<td style="border-color: rgb(221, 221, 221);" width="571"> 문서의 스타일 정보를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><div></td>
<td style="border-color: rgb(221, 221, 221);" width="571">문서의 섹션을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><span></td>
<td style="border-color: rgb(221, 221, 221);" width="571">문서의 섹션을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><header></td>
<td style="border-color: rgb(221, 221, 221);" width="571">섹션이나 페이지의 헤더를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><바닥글></td>
<td style="border-color: rgb(221, 221, 221);" width="571">섹션이나 페이지의 바닥글을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><section></td>
<td style="border-color: rgb(221, 221, 221);" width="571">섹션을 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><article></td>
<td style="border-color: rgb(221, 221, 221);" width="571">정의 기사. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><제외></td>
<td style="border-color: rgb(221, 221, 221);" width="571">페이지 콘텐츠 이상의 콘텐츠를 정의하세요. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><details></td>
<td style="border-color: rgb(221, 221, 221);" width="571">요소의 세부정보를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><dialog></td>
<td style="border-color: rgb(221, 221, 221);" width="571">대화 상자 또는 창을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><summary></td>
<td style="border-color: rgb(221, 221, 221);" width="571"> <details> 요소에 대한 표시 제목을 정의합니다. </td>
</tr>
</tbody>
</table>
<p><strong> 회원 정보 </strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="173"> 태그 </th>
<th style="border-color: rgb(221, 221, 221);" width="637"> 설명 </th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><head></td>
<td style="border-color: rgb(221, 221, 221);" width="637"> 문서에 대한 정보를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><meta></td>
<td style="border-color: rgb(221, 221, 221);" width="637">HTML 문서에 대한 메타 정보를 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><base></td>
<td style="border-color: rgb(221, 221, 221);" width="637">페이지의 모든 링크에 대한 기본 주소 또는 기본 대상을 정의합니다. </td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><기본 글꼴></td>
<td style="border-color: rgb(221, 221, 221);" width="637">지원 중단되었습니다. 페이지 텍스트의 기본 글꼴, 색상 또는 크기를 정의합니다. </td>
</tr>
</tbody>
</table>ㅋㅋㅋ 위치<div><div id="cnblogs_post_body">리소스 경로<strong></strong><table width="778" style="width: 811px;">
<thead><tr class="header firstRow"> <th style="border-color: rgb(221, 221, 221);" width="105"> </th>테두리<th style="border-color: rgb(221, 221, 221);" width="107"></th>테두리<th style="border-color: rgb(221, 221, 221);" width="218"></th>테두리<th style="border-color: rgb(221, 221, 221);" width="193"></th>숫자(픽셀)<th style="border-color: rgb(221, 221, 221);" width="169"></th>
</tr></thead>
<tbody>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">size</td>
<td style="border-color: rgb(221, 221, 221);" width="107">size</td>
<td style="border-color: rgb(221, 221, 221);" width="218">size</td>
<td style="border-color: rgb(221, 221, 221);" width="193">숫자(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr> <tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">너비</td>
<td style="border-color: rgb(221, 221, 221);" width="107">너비</td>
<td style="border-color: rgb(221, 221, 221);" width="218">너비</td> <td style="border-color: rgb(221, 221, 221);" width="193"> 숫자(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">height</td>
<td style="border-color: rgb(221, 221, 221);" width="107">height</td>
<td style="border-color: rgb(221, 221, 221);" width="218">height</td>
<td style="border-color: rgb(221, 221, 221);" width="193">number(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">bgcolor</td>
<td style="border-color: rgb(221, 221, 221);" width="107">BackGround COLOR</td>
<td style="border-color: rgb(221, 221, 221);" width="218"> 배경색 </td>
<td style="border-color: rgb(221, 221, 221);" width="193">색상 값: rea 또는 #ffffff </td> <td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">배경</td>
<td style="border-color: rgb(221, 221, 221);" width="107">배경</td>
<td style="border-color: rgb(221, 221, 221);" width="218">배경 이미지</td>
<td style="border-color: rgb(221, 221, 221);" width="193">이미지 경로</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">list-style</td>
<td style="border-color: rgb(221, 221, 221);" width="107">list-style</td>
<td style="border-color: rgb(221, 221, 221);" width="218">목록의 모든 속성 설정</td> <td style="border-color: rgb(221, 221, 221);" width="193"> </td>
<td style="border-color: rgb(221, 221, 221);" width="169">
<br>목록</td>
</tr>
<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">list-style-image</td>
<td style="border-color: rgb(221, 221, 221);" width="107">list-style-image</td>
<td style="border-color: rgb(221, 221, 221);" width="218">이미지를 목록 항목 태그로 설정</td>
<td style="border-color: rgb(221, 221, 221);" width="193">None</td>url<td style="border-color: rgb(221, 221, 221);" width="169">
<br>list</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">list-style-type</td>
<td style="border-color: rgb(221, 221, 221);" width="107">list-style-type</td>
<td style="border-color: rgb(221, 221, 221);" width="218">set list 유형 아이템 표시 </td>
<td style="border-color: rgb(221, 221, 221);" width="193">Disc(채워진 원) <br>Cirle(빈 원) </td>정사각형(단색 정사각형)<td style="border-color: rgb(221, 221, 221);" width="169">list</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">line-height</td>
<td style="border-color: rgb(221, 221, 221);" width="107">line-height</td>
<td style="border-color: rgb(221, 221, 221);" width="218">line-height(줄 간격)</td>
<td style="border-color: rgb(221, 221, 221);" width="193">number(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">layout 여러 줄 텍스트</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">text-align</td> <td style="border-color: rgb(221, 221, 221);" width="107">text -align</td>
<td style="border-color: rgb(221, 221, 221);" width="218">Alignment</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Left, right, center</td>
<td style="border-color: rgb(221, 221, 221);" width="169">다양한 요소의 정렬</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">letter-spacing</td>
<td style="border-color: rgb(221, 221, 221);" width="107">letter-spacing</td>
<td style="border-color: rgb(221, 221, 221);" width="218">문자 간격</td>
<td style="border-color: rgb(221, 221, 221);" width="193">숫자(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">간격 늘리기 캐릭터</td> </tr> <tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">텍스트 장식</td>
<td style="border-color: rgb(221, 221, 221);" width="107">텍스트 장식</td>
<td style="border-color: rgb(221, 221, 221);" width="218">텍스트 장식</td>
<td style="border-color: rgb(221, 221, 221);" width="193">밑줄 없음</td>
<td style="border-color: rgb(221, 221, 221);" width="169">밑줄, 밑줄 등</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">margin-top<br>(오른쪽, 아래쪽, 왼쪽)</td>
<td style="border-color: rgb(221, 221, 221);" width="107"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="218">바깥쪽 여백 </td>
<td style="border-color: rgb(221, 221, 221);" width="193">숫자(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">padding-top<br>(오른쪽, 아래쪽, 왼쪽)</td>
<td style="border-color: rgb(221, 221, 221);" width="107"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="218">Padding</td>
<td style="border-color: rgb(221, 221, 221);" width="193">숫자(픽셀)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">디스 플레이</td>
<td style="border-color: rgb(221, 221, 221);" width="107">디스플레이</td> <td style="border-color: rgb(221, 221, 221);" width="218"> 블록 수준 요소 및 인라인 요소의 기본 표시 모드 변경</td>
<td style="border-color: rgb(221, 221, 221);" width="193">block(line to block)<br>inline(block to line)<br>none(이 요소는 웹 페이지에 표시되지 않음)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">position</td> <td style="border-color: rgb(221, 221, 221);" width="107">position</td> <td style="border-color: rgb(221, 221, 221);" width="218">Positioning</td>
<td style="border-color: rgb(221, 221, 221);" width="193">static(정적 위치 지정)<br>relative(상대 위치 지정)<br>absolute(절대 위치 지정)<br>fixed(고정 위치 지정)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">위치 지정용</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">float</td>
<td style="border-color: rgb(221, 221, 221);" width="107">float</td>
<td style="border-color: rgb(221, 221, 221);" width="218">floating </td>
<td style="border-color: rgb(221, 221, 221);" width="193">없음, 왼쪽 , right </td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">clear</td>
<td style="border-color: rgb(221, 221, 221);" width="107">clear</td>
<td style="border-color: rgb(221, 221, 221);" width="218">플로트 축소 처리</td>
<td style="border-color: rgb(221, 221, 221);" width="193">left(왼쪽 플로트 지우기) <br>right(오른쪽 플로트 지우기) <br>both(양쪽에 플로트 지우기) <br>none(플로트 지우기 안 함) </td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr> <tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">type</td>
<td style="border-color: rgb(221, 221, 221);" width="107">type</td>
<td style="border-color: rgb(221, 221, 221);" width="218">목록 유형</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Disc(채워진 원)<br>원형(빈 원)<br>정사각형(단색 정사각형)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">목록용</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">align</td>
<td style="border-color: rgb(221, 221, 221);" width="107">align</td>
<td style="border-color: rgb(221, 221, 221);" width="218">Alignment</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Left, right, center<br>top, middle, Bottom</td>
<td style="border-color: rgb(221, 221, 221);" width="169">단락 내용 가로 정렬 텍스트 및 이미지 세로 정렬</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">type </td> <td style="border-color: rgb(221, 221, 221);" width="107">type</td>
<td style="border-color: rgb(221, 221, 221);" width="218">양식 요소 유형</td>
<td style="border-color: rgb(221, 221, 221);" width="193">text(text)<br>checkbox(check)<br>radio(radio)<br>password(password)<br>file(file)<br>submit(submit)<br>reset(reset)<br>button(button)<br>image (그림 버튼)<br>숨김(숨김)<br>
</td>
<td style="border-color: rgb(221, 221, 221);" width="169">양식 요소</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">method</td>
<td style="border-color: rgb(221, 221, 221);" width="107">method</td>
<td style="border-color: rgb(221, 221, 221);" width="218">양식 데이터 제출 방법</td>
<td style="border-color: rgb(221, 221, 221);" width="193">get<br>post</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">alt </td> <td style="border-color: rgb(221, 221, 221);" width="107">alter</td> <td style="border-color: rgb(221, 221, 221);" width="218">변경, 교체 (사진이 표시되지 않을 때 메시지 표시)</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">picture</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">cellpadding</td>
<td style="border-color: rgb(221, 221, 221);" width="107">cell padding</td>
<td style="border-color: rgb(221, 221, 221);" width="218">cell padding</td>
<td style="border-color: rgb(221, 221, 221);" width="193">numbers</td>
<td style="border-color: rgb(221, 221, 221);" width="169">table</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">cellspacing</td> <td style="border-color: rgb(221, 221, 221);" width="107">cell 간격</td> <td style="border-color: rgb(221, 221, 221);" width="218">셀 사이의 거리</td> <td style="border-color: rgb(221, 221, 221);" width="193">Numbers</td>
<td style="border-color: rgb(221, 221, 221);" width="169">Table</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">href</td>
<td style="border-color: rgb(221, 221, 221);" width="107">Hypertext REFerence</td>
<td style="border-color: rgb(221, 221, 221);" width="218">하이퍼텍스트 참조(파일 위치로 이동)</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">rel</td> <td style="border-color: rgb(221, 221, 221);" width="107">REL ationship</td>
<td style="border-color: rgb(221, 221, 221);" width="218">relationship(링크된 파일 간의 관계를 정의하는 데 사용됩니다. 및 HTML 문서) </td>
<td style="border-color: rgb(221, 221, 221);" width="193">StyleSheet 스타일 시트 </td>
<td style="border-color: rgb(221, 221, 221);" width="169">link 파일을 링크할 때 </td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">target</td>
<td style="border-color: rgb(221, 221, 221);" width="107">target</td>
<td style="border-color: rgb(221, 221, 221);" width="218">target(웹 페이지가 열리는 위치) </td>
<td style="border-color: rgb(221, 221, 221);" width="193">_blank(새 창 열기) <br>_self(자체 열기) window) <br>_top(전체 브라우저 작업을 창으로 사용하여 새 페이지 표시) <br>_parent(상위 창에서 새 페이지 열기) </td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">colspan</td>
<td style="border-color: rgb(221, 221, 221);" width="107">COLumn 범위</td>
<td style="border-color: rgb(221, 221, 221);" width="218">셀 범위 열</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Number(범위 열 수)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">Table</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">rowspan</td>
<td style="border-color: rgb(221, 221, 221);" width="107">row 범위</td>
<td style="border-color: rgb(221, 221, 221);" width="218">셀 범위 행</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Number ( 스팬된 행 수) 숫자 ) </td>
<td style="border-color: rgb(221, 221, 221);" width="169">Table</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">readonly</td>
<td style="border-color: rgb(221, 221, 221);" width="107">read only</td>
<td style="border-color: rgb(221, 221, 221);" width="218">read only</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">value</td>
<td style="border-color: rgb(221, 221, 221);" width="107">value</td>
<td style="border-color: rgb(221, 221, 221);" width="218">입력 상자의 초기 값</td>
<td style="border-color: rgb(221, 221, 221);" width="193"> <br>
</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105"> maxlength</td>
<td style="border-color: rgb(221, 221, 221);" width="107"> 최대 길이</td>
<td style="border-color: rgb(221, 221, 221);" width="218">최대 길이</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">scrolldelay</td>
<td style="border-color: rgb(221, 221, 221);" width="107">scroll Delay</td>
<td style="border-color: rgb(221, 221, 221);" width="218">scroll Delay</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">< m arquee></td> </tr>
<tr class="odd"> <td style="border-color: rgb(221, 221, 221);" width="105">방향</td>
<td style="border-color: rgb(221, 221, 221);" width="107">방향</td>
<td style="border-color: rgb(221, 221, 221);" width="218">방향( 방향으로 스크롤 )</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">< m arquee</td>
</tr>
</tbody>
</table>
<h2 id="选择器">
<br><br>
</h2>
</div></div>
</td>
</tr>
</tbody>
</table><p>위 내용은 HTML 공통 태그 및 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p>
</div>
</div>
<div class="wzconShengming_sp">
<div class="bzsmdiv_sp">본 웹사이트의 성명</div>
<div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div>
</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="AI_ToolDetails_main4sR">
<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="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>인기 기사</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796785841.html" title="어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션" class="phpgenera_Details_mainR4_bottom_title">어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>4 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796789525.html" title="Windows 11 KB5054979의 새로운 기능 및 업데이트 문제를 해결하는 방법" class="phpgenera_Details_mainR4_bottom_title">Windows 11 KB5054979의 새로운 기능 및 업데이트 문제를 해결하는 방법</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796785857.html" title="Atomfall에서 크레인 제어 키 카드를 찾을 수 있습니다" class="phpgenera_Details_mainR4_bottom_title">Atomfall에서 크레인 제어 키 카드를 찾을 수 있습니다</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>4 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796793874.html" title="KB5055523을 수정하는 방법 Windows 11에 설치되지 않습니까?" class="phpgenera_Details_mainR4_bottom_title">KB5055523을 수정하는 방법 Windows 11에 설치되지 않습니까?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>2 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796787760.html" title="Inzoi : 학교 및 대학에 지원하는 방법" class="phpgenera_Details_mainR4_bottom_title">Inzoi : 학교 및 대학에 지원하는 방법</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ko/article.html">더보기</a>
</div>
</div>
</div> -->
<div class="phpgenera_Details_mainR3">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>핫 AI 도구</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>사실적인 누드 사진을 만들기 위한 AI 기반 앱</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>사진에서 옷을 제거하는 온라인 AI 도구입니다.</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>무료로 이미지를 벗다</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>AI 옷 제거제</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ko/ai">더보기</a>
</div>
</div>
</div>
<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>인기 기사</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796785841.html" title="어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션" class="phpgenera_Details_mainR4_bottom_title">어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>4 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796789525.html" title="Windows 11 KB5054979의 새로운 기능 및 업데이트 문제를 해결하는 방법" class="phpgenera_Details_mainR4_bottom_title">Windows 11 KB5054979의 새로운 기능 및 업데이트 문제를 해결하는 방법</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796785857.html" title="Atomfall에서 크레인 제어 키 카드를 찾을 수 있습니다" class="phpgenera_Details_mainR4_bottom_title">Atomfall에서 크레인 제어 키 카드를 찾을 수 있습니다</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>4 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796793874.html" title="KB5055523을 수정하는 방법 Windows 11에 설치되지 않습니까?" class="phpgenera_Details_mainR4_bottom_title">KB5055523을 수정하는 방법 Windows 11에 설치되지 않습니까?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>2 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/1796787760.html" title="Inzoi : 학교 및 대학에 지원하는 방법" class="phpgenera_Details_mainR4_bottom_title">Inzoi : 학교 및 대학에 지원하는 방법</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 몇 주 전</span>
<span>By DDD</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ko/article.html">더보기</a>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>뜨거운 도구</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/toolset/development-tools/92" title="메모장++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="메모장++7.3.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/toolset/development-tools/92" title="메모장++7.3.1" class="phpmain_tab2_mids_title">
<h3>메모장++7.3.1</h3>
</a>
<p>사용하기 쉬운 무료 코드 편집기</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/toolset/development-tools/93" title="SublimeText3 중국어 버전" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 중국어 버전" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/toolset/development-tools/93" title="SublimeText3 중국어 버전" class="phpmain_tab2_mids_title">
<h3>SublimeText3 중국어 버전</h3>
</a>
<p>중국어 버전, 사용하기 매우 쉽습니다.</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/toolset/development-tools/121" title="스튜디오 13.0.1 보내기" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="스튜디오 13.0.1 보내기" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/toolset/development-tools/121" title="스튜디오 13.0.1 보내기" class="phpmain_tab2_mids_title">
<h3>스튜디오 13.0.1 보내기</h3>
</a>
<p>강력한 PHP 통합 개발 환경</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/toolset/development-tools/469" title="드림위버 CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="드림위버 CS6" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/toolset/development-tools/469" title="드림위버 CS6" class="phpmain_tab2_mids_title">
<h3>드림위버 CS6</h3>
</a>
<p>시각적 웹 개발 도구</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac 버전" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac 버전" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac 버전" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Mac 버전</h3>
</a>
<p>신 수준의 코드 편집 소프트웨어(SublimeText3)</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ko/ai">더보기</a>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>뜨거운 주제</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/gmailyxdlrkzn" title="Gmail 이메일의 로그인 입구는 어디에 있나요?" class="phpgenera_Details_mainR4_bottom_title">Gmail 이메일의 로그인 입구는 어디에 있나요?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>7747</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>15</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/java-tutorial" title="자바 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">자바 튜토리얼</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1643</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>14</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/cakephp-tutor" title="Cakephp 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">Cakephp 튜토리얼</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1397</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>52</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/laravel-tutori" title="라라벨 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">라라벨 튜토리얼</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1291</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>25</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ko/faq/php-tutorial" title="PHP 튜토리얼" class="phpgenera_Details_mainR4_bottom_title">PHP 튜토리얼</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1234</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>29</span>
</div>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ko/faq/zt">더보기</a>
</div>
</div>
</div>
</div>
</div>
<div class="Article_Details_main2">
<div class="phpgenera_Details_mainL4">
<div class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div class="phpgenera_Details_mainL4_info">
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600245.html" title="HTML의 테이블 테두리" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML의 테이블 테두리" />
</a>
<a href="https://www.php.cn/ko/faq/1796600245.html" title="HTML의 테이블 테두리" class="phphistorical_Version2_mids_title">HTML의 테이블 테두리</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600244.html" title="HTML의 중첩 테이블" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML의 중첩 테이블" />
</a>
<a href="https://www.php.cn/ko/faq/1796600244.html" title="HTML의 중첩 테이블" class="phphistorical_Version2_mids_title">HTML의 중첩 테이블</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600238.html" title="HTML 여백-왼쪽" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 여백-왼쪽" />
</a>
<a href="https://www.php.cn/ko/faq/1796600238.html" title="HTML 여백-왼쪽" class="phphistorical_Version2_mids_title">HTML 여백-왼쪽</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:48 PM</span>
<p class="Articlelist_txts_p">HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600271.html" title="HTML 테이블 레이아웃" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 테이블 레이아웃" />
</a>
<a href="https://www.php.cn/ko/faq/1796600271.html" title="HTML 테이블 레이아웃" class="phphistorical_Version2_mids_title">HTML 테이블 레이아웃</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600269.html" title="HTML 입력 자리 표시자" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 입력 자리 표시자" />
</a>
<a href="https://www.php.cn/ko/faq/1796600269.html" title="HTML 입력 자리 표시자" class="phphistorical_Version2_mids_title">HTML 입력 자리 표시자</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600210.html" title="HTML 정렬 목록" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 정렬 목록" />
</a>
<a href="https://www.php.cn/ko/faq/1796600210.html" title="HTML 정렬 목록" class="phphistorical_Version2_mids_title">HTML 정렬 목록</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span>
<p class="Articlelist_txts_p">HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600227.html" title="HTML에서 텍스트 이동" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML에서 텍스트 이동" />
</a>
<a href="https://www.php.cn/ko/faq/1796600227.html" title="HTML에서 텍스트 이동" class="phphistorical_Version2_mids_title">HTML에서 텍스트 이동</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:45 PM</span>
<p class="Articlelist_txts_p">HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ko/faq/1796600246.html" title="HTML 온클릭 버튼" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 온클릭 버튼" />
</a>
<a href="https://www.php.cn/ko/faq/1796600246.html" title="HTML 온클릭 버튼" class="phphistorical_Version2_mids_title">HTML 온클릭 버튼</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.</p>
</div>
</div>
<a href="https://www.php.cn/ko/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<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?1745689735"></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>
<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>
<script>
// top
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
document.addEventListener("DOMContentLoaded", (event) => {
// 定义一个函数来处理滚动链接的点击事件
function setupScrollLink(scrollLinkId, targetElementId) {
const scrollLink = document.getElementById(scrollLinkId);
const targetElement = document.getElementById(targetElementId);
if (scrollLink && targetElement) {
scrollLink.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认链接行为
targetElement.scrollIntoView({
behavior: "smooth"
}); // 平滑滚动到目标元素
});
} else {
console.warn(
`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
);
}
}
// 使用该函数设置多个滚动链接
setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
// 可以继续添加更多的滚动链接设置
});
window.addEventListener("scroll", function () {
var fixedElement = document.getElementById("Article_Details_main1Lmain");
var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
var scrollHeight = document.documentElement.scrollHeight; // 页面总高度
// 计算距离底部的距离
var distanceToBottom = scrollHeight - scrollTop - clientHeight;
// 当距离底部小于或等于300px时，取消固定定位
if (distanceToBottom <= 980) {
fixedElement.classList.remove("Article_Details_main1Lmain");
fixedElement.classList.add("Article_Details_main1Lmain_relative");
} else {
// 否则，保持固定定位
fixedElement.classList.remove("Article_Details_main1Lmain_relative");
fixedElement.classList.add("Article_Details_main1Lmain");
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const mainNav = document.querySelector('.Article_Details_main1Lmain');
const header = document.querySelector('header');
if (mainNav) {
window.addEventListener('scroll', function() {
const scrollPosition = window.scrollY;
if (scrollPosition > 84) {
mainNav.classList.add('fixed');
} else {
mainNav.classList.remove('fixed');
}
});
}
});
</script>
</body>
</html>
