>웹 프론트엔드 >HTML 튜토리얼 >HTML 공통 태그 및 속성

HTML 공통 태그 및 속성

尚
원래의
2019-10-22 15:23:378532검색

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 class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명:</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사:<a class="dBlack" title="HTML <제목> 태그" href="https://m.php.cn/ko/faq/432813.html">HTML <제목> 태그</a></span><span>다음 기사:<a class="dBlack" title="HTML <제목> 태그" href="https://m.php.cn/ko/faq/432948.html">HTML <제목> 태그</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="https://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ko/faq/432627.html" title="HTML과 PHP의 차이점은 무엇입니까" class="aBlack">HTML과 PHP의 차이점은 무엇입니까</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/432629.html" title="HTML에서 PHP를 실행하는 방법" class="aBlack">HTML에서 PHP를 실행하는 방법</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/432666.html" title="HTML은 PHP와 같은가요?" class="aBlack">HTML은 PHP와 같은가요?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/432765.html" title="HTML에서 PHP를 호출하는 방법" class="aBlack">HTML에서 PHP를 호출하는 방법</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </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><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' 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>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>