HTML, html HyperText Markup Language 하이퍼텍스트 마크업 언어

(2018-12-24)

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 요소]

1. HTML

  ㅇ 인터넷  웹(WWW) 문서를 표현하는  표준화된 마크업 언어


2. HTML 특징

  ㅇ ISO/IEC JIC1/SC18에서 전자문서화를 위해 표준화시킨 SGML(ISO 8879)의 부분집합
     - SGML에서 하이퍼텍스트의 사용을 강조한 언어

  ㅇ 일반 텍스트 문서에다가 구조화된 표현을 가능케함 
     - 내용에 대한 의미 전달 외에도 하이퍼텍스트 구조화 도모
     - 사용 가능한 태그가 한정됨 (확장성 미흡) (HTML 2 ~ 4 에만 국한됨)
     - 웹 문서의 화려한 모양 표현에 한계가 있었으나, (HTML 2 ~ 4 에만 국한됨) 
     - HTML 5 부터는 표현 방식에 유연성,다양성,기능성 등이 도입되기 시작함


3. HTML 역사

  ※ 1991년 Tim Berners-Lee에 의해 SGML을 기반으로 단순화시켜 만들어짐.
    - 후에 그는 1994년 W3C라는 조직을 설립.

  ㅇ HTML 2.0   :  1994년, RFC 1866 
  ㅇ HTML 3.2   :  1996년, 테이블, 첨자 기능 등 추가
  ㅇ HTML 4.0   :  1998년, 멀티미디어, 스타일시트 등 지원
     - 웹페이지상의 이벤트를 스트립트(이벤트 핸들러)와 연결 가능토록 함 등
  ㅇ HTML 4.01  :  1999년, HTML 4.0 버그 수정본 (현재)

  ㅇ XHTML 1.0  :  2000년, HTML 4.01를 엄격한 XML 문법으로 다시 재 구성한 것

  ※ HTML 5     :  2014년10월 표준안 확정 발표
     - WHATWG에서 웹 어플리케이션 1.0 이라는 명칭으로 계속 개발되고 반영되고 있음
        . 즉, 규격 자체가 진화중 임
     - 특징
        . 시각적 효과 이외에 의미적인 문서의 구조화 도모
        . 따로 별도의 플러그인 없이도, 다양한 멀티미디어 감상 가능 등


4. HTML 문서 구성/특징

  ㅇ 기초 사항
     - (기본) 문자셋 
        . 과거 ASCII, ISO 8859-1(Latin-1) 이었으나,
        . HTML 5 부터 UTF-8 로써 통일됨
     - 마트업/태그/요소명 : 대/소문자 구분 없음

  ㅇ HTML 영역 구성
     

     - 문서 정보 영역 : 문서 유형 및 HTML 문서 선언 등 
        . HTML 문서의 선언 : <!DOCTYPE html>
        . 문서유형(Document Type) : 어떤 종류/버전의 마크업 언어인지를 브라우저에게 알림

     - 머리 영역      : 주로, 선언적인 정보 <HEAD> ... </HEAD>
        . 포함 내용   : 문서 제목, 메타데이터 등이 포함됨
        . 주요 요소들 : HEAD, TITLE, BASE, LINK, META, STYLE 요소 등

     - 본문 영역      : 전달할 실제 정보가 표현되는 내용 <BODY> ... </BODY>
        . 주요 요소들 : BODY, HEADER, NAV, SECTION, ARTICLE, ASIDE, FOOTER 요소 등 

          <!DOCTYPE html>
   <HTML> 
      <HEAD> ... </HEAD>
      <BODY> ... </BODY>
   </HTML>


  ㅇ HTML 요소 구성 (기능적)  ☞ HTML 구성 요소 참조

[HTML]

1. HTML 2. HTML 용어 3. DHTML 4. HTML5
[HTML 요소]