HTML 기타 요소

(2019-08-19)

목록 요소, p 요소, blockquote 요소, hr 요소, table 요소, audio 요소, video 요소

Top > [기술공통]
[기초과학]
[진동/파동]
[방송/멀티미디어/정보이론]
[전기전자공학]
[통신/네트워킹]
[정보기술(IT)]
[공업일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
통신/네트워킹 >   1. 통신 이란?
  2. 신뢰적 통신
[통신이론]
[선로/전송]
[통신망 일반]
[회선교환(PSTN)]
[무선/이동통신]
[광통신]
[인터넷/데이터통신]
인터넷/데이터통신 >   1. 데이터통신망
  2. 인터넷
  3. 데이터 네트워크 설계
[데이터 단위]
[프로토콜/계층]
[데이터 링크]
[TCP/IP]
[라우팅]
[인터넷 QoS]
[인터넷 관리]
[웹기술]
[인터넷 응용]
[인터넷 기타]
[패킷교환(PSN)]
[인터넷 관련 기관]
웹기술 >   1. 웹 이란?
  2. 하이퍼텍스트
[웹 구성]
[HTTP]
[웹 페이지]
[웹 식별]
[웹 서비스]
[차세대 웹]
[웹기술 기타일반]
웹 페이지 > [마크업 언어]
[DOM,BOM]
[웹 기능 요소]
[웹 디자인]
마크업 언어 >   1. 마크업 언어
  2. SGML
  3. DTD
[HTML]
[XML]
HTML >   1. HTML
  2. HTML 용어
  3. DHTML
[HTML 요소]
[HTML5]
HTML 요소  1. HTML 구성 요소/종류
  2. 기본 구조 요소 (html,head,title,body 등)
  3. a 요소
  4. form 요소
  5. img 요소
  6. html 속성
  7. 기타 요소
  8. 시맨틱 웹
  9. 시맨틱 요소

1. 목록 요소

  ㅇ 종류 : ul, ol, dl
     - 순서 없는 목록 : ul 요소
     - 순서 있는 목록 : ol 요소
     - 정의형 목록    : dl 요소 
        . 용어(term)와 설명(description) 2개 부분으로 구성됨

  ㅇ li 요소 (List Item)
     - 목록 개별 항목을 나타내는 요소


2. p 요소 (Paragraph)

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


3. hr 요소 (Horizontal Ruler/Line)
   
  ㅇ 수평선 긋기 또는 주제 구분 용도로 쓰임

  ㅇ 한편,
     - html 4.01 은, hr이 수평선 표현 요소이나,
     - html 5은, hr이 표현적인 요소 보다는 주제 분리를 위한 의미적인 요소로 규정함


4. table 요소

  ㅇ thead,tfoot이 tbody 보다 앞서면, 
     - 매 페이지 마다 상단,하단에 제목,합계 등을 프린트하여 보기 좋음

  ㅇ ... (편집중) ...


5. blockquote 요소 (Block Quotation)

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


6. object 요소, embed 요소

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


7. iframe 요소

  ㅇ 브라우저 내에 또다른 소형 브라우저를 구현하는 방식
     - 나머지 다른 컨텐츠들에 영향을 미치지 않도록 분리 구현코자 할 때 주로 사용
        . iframe 요소를 이용하면 웹페이지 내 별도 HTML 문서 또는 다른 컨텐츠의 삽입 가능


8. Audio 요소, Video 요소

  ㅇ audio 요소
     - 플러그인 라이브러리 없이도, 웹브라우저 자체 내장 기능 만으로, 오디오를 들을 수 있게 함
     - 속성 : src, preload, autoplay, loop, controls

  ㅇ video 요소
     - 플러그인 라이브러리 없이도, 웹브라우저 자체 내장 기능 만으로, 비디오를 볼 수 있게 함
     - 속성 : src, preload, autoplay, loop, controls, width, height


[HTML 요소] 1. HTML 구성 요소/종류 2. 기본 구조 요소 (html,head,title,body 등) 3. a 요소 4. form 요소 5. img 요소 6. html 속성 7. 기타 요소 8. 시맨틱 웹 9. 시맨틱 요소
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
          1. 통신 이란?
          2. 신뢰적 통신
    1.   통신이론
    2.   선로/전송
    3.   통신망 일반
    4.   회선교환(PSTN)
    5.   무선/이동통신
    6.   광통신
    7.   인터넷/데이터통신
            1. 데이터통신망
            2. 인터넷
            3. 데이터 네트워크 설계
      1.   데이터 단위
      2.   프로토콜/계층
      3.   데이터 링크
      4.   TCP/IP
      5.   라우팅
      6.   인터넷 QoS
      7.   인터넷 관리
      8.   웹기술
              1. 웹 이란?
              2. 하이퍼텍스트
        1.   웹 구성
        2.   HTTP
        3.   웹 페이지
          1.   마크업 언어
                  1. 마크업 언어
                  2. SGML
                  3. DTD
            1.   HTML
                    1. HTML
                    2. HTML 용어
                    3. DHTML
              1.   HTML 요소
                1.     1. HTML 구성 요소/종류
                      2. 기본 구조 요소 (html,head,title,body 등)
                      3. a 요소
                      4. form 요소
                      5. img 요소
                      6. html 속성
                      7. 기타 요소
                      8. 시맨틱 웹
                      9. 시맨틱 요소
              2.   HTML5
            2.   XML
          2.   DOM,BOM
          3.   웹 기능 요소
          4.   웹 디자인
        4.   웹 식별
        5.   웹 서비스
        6.   차세대 웹
        7.   웹기술 기타일반
      9.   인터넷 응용
        1.   NetBIOS
        2.   DNS
        3.   가상단말
        4.   FTP
        5.   전자메일
        6.   VoIP
        7.   VPN
        8.   무선인터넷
        9.   전자상거래
        10.   개인 컨텐츠
        11.   인터넷 기타 응용
      10.   인터넷 기타
      11.   패킷교환(PSN)
      12.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

    요약목록
Copyrightⓒ written by 차재복 (Cha Jae Bok)        「 소액후원 」