블로그 이미지
자료에 문제가 있을 경우, 확인하는대로 삭제처리 하겠습니다. 즐거운 하루 되시길...
03-28 22:46
Total
Today
Yesterday

카테고리

분류 전체보기 (199)
이야기방 (20)
공부방 (173)
개발노트&관련잡다구니 (6)

'HTML'에 해당되는 글 7건

  1. 2009.10.12 [HTML] 태그 총정리
  2. 2009.09.04 [HTML] input
  3. 2009.09.04 [HTML] TEXTAREA 속성

[HTML] 태그 총정리

공부방/HTML / 2009. 10. 12. 22:31


 HTML강좌태그요약 (W3C HTML4.01 번역문 - http://trio.co.kr 일부를 요약)  [프린트하기]


 Index

 1. 문서의 공통 구조
    HTML, HEAD, TITLE, META
 2. 본체
    BODY, DIV, SPAN, H1~H6, ADDRESS
 3. 문단, 라인
    EM, STRING, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, BLOCKQUOTE, Q, SUB, SUP, P , BR
    PRE, INS, DEL
 4. 정렬, 폰트
    TT, B, BIG, SMALL, STRIKE, S, U, FONT, BASEFONT, HR
 5. 연결
    A, LINK, BASE
 6. 목록
    UL, OL, LI, DL, DT, DD, DIR, MENU
 7. 테이블
    TABLE, CAPTION, THEAD, TFOOT, TBODY, COLGROUP, COL, TR, TH, DD
 8. 이미지
    IMG, OBJECT, PARAM, APPLET, MAP, AREA
 9. 프레임
    FRAMESET, FRAME, NOFRAME, IFRAME
 10. 입력폼
    FORM, INPUT, BUTTON, SELECT, OPTGROUP, OPTION, TEXTAREA, ISINDEX, LABEL, FIELDSET, LEGEND



 
 HTML강좌태그요약1. 문서의 공통 구조


 1. HTML
 . 문서의 시작과 끝
 . 시작태그 - 선택, 종료태그 - 선택
 . 속성 - version
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. HEAD
 . 문서 헤드(head)
 . 시작태그 - 선택, 종료태그 - 선택
 . 속성 - profile
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. TITLE
 . 문서 제목
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. META
 . 메타(meta) 정보
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - content, http-equiv, name, scheme
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약2. 본체


 1. BODY
 . 문서 본체(body)
 . 시작태그 - 선택, 종료태그 - 선택
 . 속성 - alink, background, bgcolor, link, onload, onunload, text, vlink
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. DIV
 . 일반 언어/스타일 용기(container)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - align
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. SPAN
 . 일반 언어/스타일 용기(container)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. H1~H6
 . 헤딩(heading)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - align
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. ADDRESS
 . 제작자에 대한 정보
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약3. 문단, 라인


 1. EM
 . 강조(emphasis)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. STRONG
 . 강한(strong) 강조
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. DFN
 . Instance 정의
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. CODE
 . 컴퓨터 코드
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. SAMP
 . 견본(sample) 프로그램 출력, 스크립트(script) 등
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 6. KBD
 . 사용자가 텍스트를 입력
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 7. VAR
 . 변수(variable) 또는 프로그램 아규먼트(argument)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 8. CITE
 . 인용(citation)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 9. ABBR
 . 약식(abbreviated)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 10. BLOCKQUOTE
 . 긴 따옴(quotation)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - cite
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 11. Q
 . 짧은 인라인 따옴(quotation)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - cite
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 12. SUB
 . 아래첨자(subscript)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 13. SUP
 . 위첨자(superscript)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 14. P
 . 문단
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - align
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 15. BR
 . 강제 줄바꿈(line break)
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - clear
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 16. PRE
 . 사전 양식화 된 텍스트
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
           onmousemove, onmouseout, onmouseover, onmouseup )

 17. INS
 . 삽입 된 텍스트
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
         ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
           onmousemove, onmouseout, onmouseover, onmouseup )

 18. DEL
 . 삭제 된 텍스트
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약4. 정렬, 폰트


 1. TT
 . 텔레타입(teletype) 또는 글자 간격이 일정한 텍스트 스타일
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. B
 . 굵은 텍스트 스타일
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. BIG
 . 큰글자 텍스트 스타일
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. SMALL
 . 작은 글자 텍스트 스타일
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. STRIKE
 . 지워진(strike-through) 텍스트
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 6. S
 . 지워진(strike-through) 텍스트
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 7. U
 . 밑줄친 텍스트 스타일
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 8. FONT
 . 지역 폰트(font) 변경
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - color, face, size
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 9. BASEFONT
 . 기준 폰트 변경
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - color, face, size
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 10. HR
 . 수평 줄(rule)
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - align, noshade, size, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약5. 연결


 1. A
 . 연결을 위한 앤커(anchor)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - accesskey, charset, coords, href, hreflang, name, onblur, onfocus, rel
        - rev, shape, tabindex, target, type
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. LINK
 . 미디어에 관계 없는(media-independent) 연결
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - charset, href, hreflang, media, rel, rev, target, type
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. BASE
 . 문서 기준 URI
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - href, target
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약6. 목록


 1. UL
 . 번호없는 목록
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - compact, type
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. OL
 . 번호있는 목록
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - compact, start, type
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. LI
 . 목록 항목(list item)
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - type, value
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. DL
 . 정의 목록
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - compact
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. DT
 . 정의 제목
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 6. DD
 . 정의 설명
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 7. DIR
 . 디렉토리(directory) 목록
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - compact
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 8. MENU
 . 메뉴 목록
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - compact
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약7. 테이블


 1. TABLE
 . 표(table)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - align, bgcolor, border, cellpadding, cellspacing, frame, rules
        - summary, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. CAPTION
 . 표(table)의 제목(caption)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - align
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. THEAD
 . 표(table) 헤더(header)
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - align, char, charoff, valign
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. TFOOT
 . 표(table)의 바닥글(footer)
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - align, char, charoff, valign
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. TBODY
 . 표(table) 본체(body)
 . 시작태그 - 선택, 종료태그 - 선택
 . 속성 - align, char, charoff, valign
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 6. COLGROUP
 . 표(table) 컬럼(column) 구룹
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - align, char, charoff, span, valign, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 7. COL
 . 표(table)의 컬럼(column)
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - align, char, charoff, span, valign, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 8. TR
 . 표(table) 열(row)
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - align, bgcolor, char, charoff, valign
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 9. TH
 . 표(table) 헤더(header) 셀(cell)
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - abbr, align, axis, bgcolor, char, charoff, colspan, headers
        - height, nowrap, rowspan, scope, valign, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 10. TD
 . 표(table) 데이터 셀(cell)
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - abbr, align, axis, bgcolor, char, charoff, colspan, headers
        - height, nowrap, rowspan, scope, valign, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약9. 이미지


 1. IMG
 . 깔린(Embedded) 이미지
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - align, alt, border, height, hspace, ismap, longdesc, name, src
        - usemap, vspace, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. OBJECT
 . Generic embedded object
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - align, archive, border, classid, codebase, codetype, data, declare
        - height, hspace, name, standby, tabindex, type, usemap, valuetype
        - vspace, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. PARAM
 . 이름 지워진 특성(property) 값
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - name, type, value, valuetype
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. APPLET
 . 자바 애플렛(Java applet)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - align, alt, archive, code, codebase, height, hspace, name, object
        - vspace, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. MAP
 . 사용자측(client-side) 이미지맵
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - name
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 6. AREA
 . 사용자측(client-side) 이미지맵 지역(area)
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - accesskey, alt, coords, href, nohref, onblur, onfocus, shape
        - tabindex, target
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약9. 프레임


 1. FRAMESET
 . 창 나누기(subdivision)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - cols, onload, onunload, rows
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. FRAME
 . 나뉘어진 창(subwindow)을 위한 프레임
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - frameborder, longdesc, marginheight, marginwidth, name, noresize
        - scrolling, src
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. NOFRAME
 . 프레임 없는 표현에서 대체(alternate) 내용 용기
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. IFRAME
 . 인라인(inline) 창 나누기(subwindow)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - align, frameborder, height, longdesc, marginheight, marginwidth
        - name, scrolling, src, width
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )



 
 HTML강좌태그요약10. 입력폼


 1. FORM
 . 통신 할 수 있는(interactive) 폼
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - accept-charset, accept, action, enctype, method, onreset
        - onsubmit, target
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 2. INPUT
 . 폼(form) 제어(control)
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - accept, accesskey, align, alt, checked, disabled, ismap
        - maxlength, name, onblur, onchange, onfocus, onselect, readonly
        - size, src, tabindex, type, usemap, value
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 3. BUTTON
 . 누름(push)단추
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - accesskey, disabled, name, onblur, onfocus, tabindex, type, value
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 4. SELECT
 . 선택 사항 선택자(selector)
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - disabled, multiple, name, onblur, onchange, onfocus, size, tabindex
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 5. OPTGROUP
 . 선택 사항 구룹
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - disabled, label
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 6. OPTION
 . 선택 할 수 있는 항목
 . 시작태그 - 필요, 종료태그 - 선택
 . 속성 - disabled, label, selected, value
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 7. TEXTAREA
 . 여러줄의 텍스트 필드
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - accesskey, cols, disabled, name, onblur, onchange, onfocus, onselect
        - readonly, rows, tabindex
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 8. ISINDEX
 . 단일 줄 프롬프트(prompt)
 . 시작태그 - 필요, 종료태그 - 없음
 . 속성 - prompt
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 9. LABEL
 . 폼의 라벨(label) 텍스트
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - accesskey, for, onblur, onfocus
        - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 10. FIELDSET
 . 폼(form) 제어(control) 구룹
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - 공통 ( class, id, dir, style, lang, title )
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )

 11. LEGEND
 . 필드세트(fieldset) 범례
 . 시작태그 - 필요, 종료태그 - 필요
 . 속성 - accesskey, align
        - 마우스와 키보드 관련 이벤트 공통
          ( onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown
            onmousemove, onmouseout, onmouseover, onmouseup )


Top으로
Copyright © 2003-2009 by webejoa. All rights reserved.
Mail to : Webmaster / Designer


'공부방 > HTML' 카테고리의 다른 글

[HTML] input  (0) 2009.09.04
[HTML] TEXTAREA 속성  (0) 2009.09.04
[HTML] 이벤트의 종류  (0) 2009.08.31
[HTML] DIV 속성, CSS  (0) 2009.08.26
[HTML] 그림의 링크 테두리 없애기  (2) 2009.08.25
Posted by 래채
, |

[HTML] input

공부방/HTML / 2009. 9. 4. 10:24

 소스와 설명

 미리보기

 1. <input> : 평범하게 글자이나 텍스트칸을 넣을 수있는 공간이 생기죠.

 

 2. <input type=""> : 기존의 input에다가 type를 지정하여 type의 옵션을 넣으면, 다양한 모양이 됩니다. 단 입력이나 기타등등의 모양 꼴로 변하죠.

 

 3. <input type="text"> : 이건 <input>과 동일한 것인데, text를 넣을 수있습니다.

 

 3-1 <input type="password">: 이건 1번과 2번과 3번과 동일한데, 비밀번호로 지정되어 글자를 넣든 숫자를 넣든 **** <-이렇게 표시됩니다

 

 4. <input type="checkbox"> : 이건 체크박스로 나타납니다.

 

 5. <input type="checkbox" checked> : 이건 체크박스의 선택된 것으로 나오죠.

 

 6. <input type="checkbox" checked disabled> : 이건 체크되었다가 다시는 선택 못하게 하는거죠

 

 7. <input type="radio"> : 이건 라디오 버튼으로 나타납니다.

 

 8. <input type="radio" checked> : 이건 라디오 버튼의 선택된 것으로 나오죠.

 

 9. <input type="radio" checked disabled> : 이건 선택되었다가 다시는 선택 못하게 하는거죠

 

 10. <input type="hidden"> : 이건 숨김필드입니다. 값을 넘겨받을때 숨김속성으로 몰래 감쳐지죠. 대부분 form태그의 중요한 속성을 사용할 때 하더군요.

 

 11. <input type="image" src="이미지 경로및 주소"> 이건 이미지의 경로를 넣어 일반<img>태그 처럼 할 수 있습니다. 단 버튼이 이미지의 경로로 바뀌고,form 태그의 submit태그와 함께 포함되어 있습니다.

 

 12. <input type="reset"> : 이건 초기화 하는 버튼(영어로 submit 또는 초기화라고 나옴)

 

 13. <input type="reset" value="초기화"> : value값에 초기화라고하면 초기화라고 만들어줌

 

 14. <input type="submit"> : 이건 전송버튼

 

 15. <input type="submit" value="전송함"> : 전송버튼인데다가 버튼이름을 전송함 이라고 할 수있음.

 

 16. <input type="file"> : 파일을 첨부 할때 사용하며, CSS와 곁들어서 사용 가능

 

 17. <input type="text" value="텍스트"> : 이렇게 사용하면 텍스트 칸에 텍스트 라고 글자가 이미 나와버림

 

 18. <input type="text" value="텍스트 사이즈 지정" size="20"> : 텍스트 사이즈를 20만큼 지정

 

 19. <input type="text" value="" name="text"> : php이나, 자바스크립트를 사용할때 변수를 넘거나 받을때 text라는 값을 받도록 name의 갑을 text라 지정하고 이 버튼의 태그 이름을 text라고 지정함

 

 20. <input type="text" value="" name="text" style="border-color:red;"> : 이건 CSS인데 여러모로 사용 할수있음. 굳이 설명을 하지 않겠음 CSS에서 color;red 라고 지정해주면, 텍스트칸의 글자색을 빨간색으로 지정해줌

 

 21. 버튼에 CSS를 첨가하여 이쁘게 꾸밀 수있다.
<input name="button" style="background-color:yellow;border-color:red;font-face:굴림;font-size:9pt;">

 

disabled의 속성과 maxlength="15"의 속성
disabled속성은 input의 선택을 못하게 막아준다

<input type="text" value="" disabled>
<input type="text" value="ㅋㅋㅋ 금지욧" disabled>
<input type="radio" value="" checked disabled>
<input type="checkbox" value="" checked disabled>

그리고 maxlength 속성은 최대 글자 입력넣을 수있는 제한수입니다.

<input type="text" value="" maxlength="20"> <--이렇게 하면 글자 입력수를 20자리만 입력가능


 글자제한과 폰트사이즈 지정 font-size:7pt;  
 인푸트폼의 넓이와 높이를 지정 width:150pt; height:12pt;  
 글자제한과 폰트사이즈와 백그라운드이미지 지정 background-image:url("test.gif");  

출처 : Tong - 쭈꿈님의 기본통통

'공부방 > HTML' 카테고리의 다른 글

[HTML] 태그 총정리  (0) 2009.10.12
[HTML] TEXTAREA 속성  (0) 2009.09.04
[HTML] 이벤트의 종류  (0) 2009.08.31
[HTML] DIV 속성, CSS  (0) 2009.08.26
[HTML] 그림의 링크 테두리 없애기  (2) 2009.08.25
Posted by 래채
, |

<TEXTAREA cols=50 name=txtara rows=7 style="overflow:hidden" wrap=hard></TEXTAREA>

// property

   cols = 50   ==> 옆으로 글씨가 쓰여지는 컬럼수라고 할수있다...(width 를 조절하는데 사용)

   rows = 7    ==> 아래로 쓰여지는 row 수 (height 를 조절하는데 사용)

   ==> textarea 는 maxLength 가 적용 되지 않는다...

         length 를 제한할때는 자바스크립을 이용해서 유효성 체크를 해야 한다.

//scrolbar 없애기

overflow:hidden(스크롤 숨기기) 

overflow:auto    (스크롤 오토-데이타가 길면 생기고 짧으면 없어진다)

wrap=hard ====>입력시 자동으로 줄바꿈이 되면 그것을 c/r 값으로 인식함(조회시 자동으로 줄바꿈되도록 하기위함)


// wrap 의 속성

- OFF  : WRAP 속성을 사용하지 않은 것과 같이 줄 바꿈을 하지 않고 가로 스크롤바가 생겨납니다.
            ENTER키 입력을 엔터기호를 추가하지 않고 프로그램으로 보냅니다. 

- SOFT : 화면상으로는 줄 바꿈을 하지만 "ENTER"를 입력하지 않은 것으로 취급합니다. 
             글 입력시 자동 줄바꿈을 하지만 엔터기호를 추가하지 않고 프로그램으로 보냅니다. 

- HARD : 화면상에 줄 바꿈을 하면서 "ENTER"가 입력된 것과 같은 결과가 됩니다. 
             이 HARD 속성을 사용했을 때 일반 화면의 입력 영역에 입력된 모습 그대로 출력되는 것입니다.
             ENTER키 입력을 엔터기호를 추가하여 프로그램으로 보냅니다.

- VIRTUAL : SOFT와 유사합니다

- PHYSICAL : 글입력시 자동 줄바꿈을 하고 엔터기호를 추가하여 프로그램으로 보냅니다.

원본 링크 : http://www.webmadang.net/script/script.do?action=read&boardid=3003&page=2&seq=7

'공부방 > HTML' 카테고리의 다른 글

[HTML] 태그 총정리  (0) 2009.10.12
[HTML] input  (0) 2009.09.04
[HTML] 이벤트의 종류  (0) 2009.08.31
[HTML] DIV 속성, CSS  (0) 2009.08.26
[HTML] 그림의 링크 테두리 없애기  (2) 2009.08.25
Posted by 래채
, |