HTML Element   HTML 요소

(2017-11-20)

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

  ㅇ 영역(섹션) 만들기
     - h1 ~ h6, hgroup, address, detail, summary
     - header, nav, section, article, aside, footer
         컨텐츠 그룹화 (내용 묶기) 
     - 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. 주요 요소 설명

  ㅇ meta 요소 (Metadata)
     - 문서 정보웹브라우저에게 제공키 위한 요소 
        . HEAD 요소 내에 위치함

  ㅇ p 요소 (Paragraph)
     - 같은 주제를 전달하는 문장들을 함께 묶는 요소 (단락)
        . P 요소는 P 마크업된 곳의 앞,뒤에 항상 여백의 공간을 둠

  ㅇ blockquote 요소 (Block Quotation)
     - 블록 형태의 인용문을 나타내는 요소
        . P 요소 처럼 별도 단락으로 표시됨
        . 양쪽 들여쓰기가 적용되어 다른 것들과 확연히 구분되게 함
        . 추가적으로 서식을 맞추는 것이 금지됨

  ㅇ object 요소, embed 요소
     - 과거 웹브라우저가 직접 보여주지 못했던 컨텐츠를, 
       플러그인을 통해 가능토록 웹브라우저 기능 확장용 요소

  ㅇ 목록 요소
     - 종류
        . 순서 없는 목록 : ul 요소
        . 순서 있는 목록 : ol 요소
        . 정의형 목록    : dl 요소 
           .. 용어(term)와 설명(description) 2개 부분으로 구성됨
     - li 요소 (List Item)
        . 목록 개별 항목을 나타내는 요소


4. 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 요소

 
        최근수정     모바일웹     참고문헌