HTML 기타 요소

(2019-08-19)

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

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

 
        최근수정     요약목록     참고문헌