본문 바로가기

HTML

div 태그 div 원어 및 기능 division (Block 그룹화 요소) Element Block (Element 종류) 포함가능 Element Block Inline Text 속성 - align="값" (값 = left / center / right / justify) - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" - datasrc="소스 파일 이름" - datafild="열이름" - dataformatas="데이터 형식" - nowrap 특이사항 예제 결과 더보기
p 태그 p 원어 및 기능 paragraph (텍스트를 문단으로 정의) Element Block (Element 종류) 포함가능 Element Inline Text 속성 - align="값" (값 = left / center / right / justify) - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 예제 결과 더보기
address 태그 address 원어 및 기능 address (텍스트를 작성자 정보로 지정) Element Block (Element 종류) 포함가능 Element Inline Text 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 - 원칙적으로 모든 문서에 명시한다. - 모든 문서에 작성자 정보를 명시하고 사용자가 그 문서의 공개일과 갱신일, 작성자 등을 바로 확인 할 수 있게 환경을 작성자 측에서 준비하는 것이 바람직하다. 예제 결과 더보기
blockquote 태그 blockquote 원어 및 기능 blockquote (인용문 텍스트를 정의) Element Block (Element 종류) 포함가능 Element blockquote를 제외한 Block Inline Text 속성 - cite="url" - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 cite로 인용한곳의 URI를 명시 예제 결과 더보기
pre 태그 pre 원어 및 기능 preformatted text (정형화 된 텍스트를 정의) Element Block (Element 종류) 포함가능 Element Block Inline Text 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 - 텍스트를 장식하기 위한 요소, 폼과 스크립트 관련 요소를 포함할 수 없다.(xhtml1.1에서는 ruby요소도 포함할 수 없다.) - tab키에 의한 들여쓰기는 피한다 (수평태그를 이용하지 않아야 한다.) 예제 결과 더보기
dir,li 태그 dir 원어 및 기능 directory (디렉토리형 목록을 정의) Element Block (Element 종류) 포함가능 Element li 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" - compact (디렉토리 목록을 간단하게 보이게 보이게 합니다 ) 특이사항 li 이외의 요소는 포함시킬 수 없다. 예제 결과 li 원어 및 기능 list item (설명형 목록 항목 추가 정의) Element Block (Element 종류) 포함가능 Element list 제외한 Block Inline Text 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" -.. 더보기
ol,ul,li 태그 ol 원어 및 기능 ordered list (순서형 목록을 정의) Element Block (Element 종류) 포함가능 Element li 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" - compact (디렉토리 목록을 간단하게 보이게 보이게 합니다.) - type="값" (값 = 1 / A / i / I(대문자)) 특이사항 li 이외의 요소는 포함시킬 수 없다. 예제 결과 ul 원어 및 기능 unordered list (비순서형 목록을 정의) Element Block (Element 종류) 포함가능 Element li 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시.. 더보기
dl,dt,dd 태그 dl 원어 및 기능 definition list (정의형 목록을 정의) Element Block (Element 종류) 포함가능 Element dt dd 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 dt, dd 태그만 가능 예제 결과 dt 원어 및 기능 definition term (정의형 목록의 제목이나 설명 정의) Element Inline (Element 종류) 포함가능 Element Inline Text 속성 - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 li 이외의 요소는 포함시킬 수 없다. 예제 결과 dd 원어 및 기능 definition descripti.. 더보기
table,caption,colgroup,col,thead,tbody,tfoot,tr,th,td 태그 table 원어 및 기능 table (표를 정의) Element tr th td (한개 이상의 th 또는 td 를 포함해야 한다) (Element 종류) 포함가능 Element Block Inline Text 속성 - align="값" (값 = left / center / right) - backgroungd="이미지 파일 경로" - bgcolor="값" (값 = 색이름 / SRGB) - bordercolor="값" (값 = 색이름 / SRGB) - border="픽셀" - bordercolordark="값" (값 = 색이름 / SRGB) - bordercolorlight="값" (값 = 색이름 / SRGB) - cellpadding="픽셀" - cellspacing="픽셀" - cols="숫자" - c.. 더보기
form,fieldset,legend,label 태그 form 원어 및 기능 interactive form (양식 설정 정의) Element Block (Element 종류) 포함가능 Element Block script요소 (입력 양식을 직접 form 요소에 넣는 것이 아니라 block 요소에 포함시켜 지정해야 한다.) 속성 - accept=mime형식 (mime 형식을 컴마로 구분하여 설정합니다.) - action=CGI 프로그램 이름 (양식을 처리할 프로그램의 경로를 지정합니다.) - class=클래스 이름 (스타일 시트에 의해 정의된 서식을 적용. 홈페이지 안에서 여러번 사용할 수 있습니다.) - enctype=mime 형식 (양식을 서버에 전송하는데 사용되는 mime형식을 설정하며, 기본적으로application/x-www-form-utlen-co.. 더보기