HTML Element   HTML 요소

(2018-01-08)

HTML Attribute, HTML 속성

1. HTML 구성 요소

  ㅇ 요소 (Element) : HTML 문서를 이루는 구성 요소 (HTML 문서의 모든 것)
     - 콘텐츠 및 다른 요소를 담는 틀
        . 제목,하이퍼링크,표,리스트,컨트롤 등

     * 100개 이상의 요소가 있음

  ㅇ 속성 (Attribute) : 요소 성격 표현
     - 각 요소는 구체적인 표현 정보를 나타내는 1 이상의 속성을 갖음
        . `속성이름(attribute)/속성값(value)`을 한 쌍으로하여 지정

     * 150개 이상의 속성이 있음

  ㅇ 태그 (Tag) : 요소 식별자
     - HTML 문서에서 요소의 의미를 확정하기위해 붙이는 식별자(태그 요소)
        . 각 요소에 시작태그 및 종료태그로 그 범위를 확정시킴

      


2. HTML 요소(Element)  구분HTML 기본 문서 구조 만들기
     - html, head, body, title, base, meta, style, link, script, noscript
        . html  : 문서 형태 선언
        . title : 문서 전체의 제목

  ㅇ 영역(섹션) 만들기
     - (Heading 관련) : h1 ~ h6, hgroup
     - 웹페이지 전체 또는 일정 영역을 논리적인 구획으로 분할할 때 유용
        . header, nav, section, article, aside, footer
           
     - 기타 : address, detail, summary

  ㅇ 컨텐츠 그룹화 (내용 묶기) 
     - p, div, pre, blockquote, hr (horizontal rule), ol (ordered list), li, 
       ul (unordered list), dl, dt, dd, figure, figcaption

  ㅇ 멀티미디어 사용하기
     - video, audio, source

  ㅇ 기타 
     - a (Anchor), abbr, area, b, bdi, bdo, br, button, canvas, caption, cite, code, col,
       colgroup, command, datalist, del, details, dfn, em (EMphasis), embed, fieldset,
       form, iframe, i, input, ins, img, kbd, keygen, label, legend, map, mark, menu,
       meter, object, option, output, q, param, progress, rp, rt, ruby, s, samp, select,
       small, span, strong, sub, table, tbody, td, textarea, tfoot, th, thead, time, tr,
       track, var, wbr


3. HTML 속성(Attribute)

  ㅇ 글로벌 속성(Global Attribute) : 모든 요소에 지정될 수 있는 일반적인 속성들
     - 例) accesskey, class, contenteditable, dir, draggable, dropzone, hidden, id,
           lang, spellcheck, style, tabindex, title, translate

  ㅇ 각 요소별 가능한 속성
     - 例) 
        . accept 속성    : input 요소
        . autofocus 속성 : button, input, keygen, select, textarea 요소
     
  ※ [참고] HTML 속성 참조표 ☞ w3schools.com


[HTML 요소] 1. HTML 구성 요소 2. A 요소 3. Form 요소 4. HTML 기타 요소

 
        최근수정     요약목록(시험중)     참고문헌