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

(2017-04-29)

HTML5

통신/네트워킹통신이론
선로/전송
통신망 일반
회선교환(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 API

HTML 요소
     
1. HTML인터넷  (WWW) 문서를 표현하는  표준화마크업 언어


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

  ㅇ 일반 텍스트 문서에다가 구조화된 표현을 가능케함 
     - 내용에 대한 의미 전달 외에도 하이퍼텍스트 구조화
     - 사용 가능한 태그가 한정됨 (확장성 미흡) (HTML 2 ~ 4 에만 국한됨)
     - 웹 문서의 화려한 모양 표현에는 한계 (HTML 2 ~ 4 에만 국한됨)   


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 이라는 명칭으로 계속 개발되고 반영되고 있음
        . 즉, 규격 자체가 진화중 임
     - 특징
        . 위에 언급된 HTML 기존 버전들과는 달리 SGML에 기반을 두지 않음
        . 그래픽,동영상,음악 등을 위한 웹 어플리케이션의 구현 가능 플랫폼
           .. 따로 별도의 플러그인 없이도, 다양한 멀티미디어 감상 가능
        . HTML5 API
           ..  폼,비디오/오디오,캔버스,SVG,위치정보, DB, 소켓 등의 API 제공
     - HTML 5는 맨처음 <!DOCTYPE html> 으로 시작


4. HTML 구성

  ㅇ HTML 문서 주요 구성
     - 콘텐츠,텍스트(Plain Text),의미(강조,머리말,타문서 참조 등)를 갖는 요소들로 구성

  ㅇ HTML 문서 구성
     
     - HTML 문서 정보 : 문서 유형 및 HTML 문서 선언 등 
        . 문서유형(Document Type) : 어떤 종류/버전의 마크업 언어인지를 브라우저에게 알림
          
<!DOCTYPE html>
   <HTML> 
      <HEAD> ... </HEAD>
      <BODY> ... </BODY>
   </HTML>
- 머리 영역 : 주로, 선언적인 정보 <HEAD> ... </HEAD> . 포함 내용 : 문서 제목, 메타데이터 등이 포함됨 . 주요 요소들 : HEAD, TITLE, BASE, LINK, META, STYLE 요소 등 - 본문 영역 : 전달할 실제 정보가 표현되는 내용 <BODY> ... </BODY> . 주요 요소들 : BODY, HEADER, NAV, SECTION, ARTICLE, ASIDE, FOOTER 요소 등 5. HTML 요소 ㅇ 요소(Element) : 콘텐츠 및 다른 요소를 담는 틀 - 제목,하이퍼링크,표,리스트,컨트롤 등 ㅇ 속성(Attribute) : 각 요소는 구체적인 표현 정보를 나타내는 1 이상의 속성을 갖음 - `속성이름(attribute)/속성값(value)`을 한 쌍으로하여 지정 ㅇ 태그(Tag) : HTML 문서에서 요소의 의미를 확장하기위해 붙이는 식별자(태그 요소) - 각 요소에 시작태그 및 종료태그로 그 범위를 확정시킴


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

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