HTML, CSS, JavaScript

HTML

마크업 언어로 내용과 구조를 담당

*마크업 언어 : 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어

현재 HTML5가 최신 버전이다. 다음은 HTML5에서 추가된 사항

멀티미디어(Multimedia) 플래시와 같은 플러그인의 도움없이 비디오 및 오디오 기능을 자체적으로 지원한다.

그래픽(Graphics & Effects) SVG, 캔버스를 사용한 2차원 그래픽과 CSS3, WebGL을 사용한 3차원 그래픽을 지원한다.

통신(Connectivity)

지금까지의 HTML은 단방향 통신만이 가능하였으나 HTML5는 서버와의 소켓 통신을 지원하므로 서버와의 양방향 통신이 가능하다.

디바이스 접근(Device acess) 카메라, 동작센서 등의 하드웨어 기능을 직접적으로 제어할 수 있다.

오프라인 및 저장소(Offline & Storage)

오프라인 상태에서도 애플리케이션을 동작시킬 수 있다. 이는 HTML5가 플랫폼으로서 사용될 수 있음을 의미한다.

시맨틱 태그(Semantics)

HTML 요소의 의미를 명확히 설명하는 시맨틱 태그를 도입하여 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명할 수 있다. 이를 통해 HTML 요소의 의미를 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹을 실현할 수 있다.

CSS3 HTML5는 CSS3를 완벽하게 지원한다.

HTML5

<!DOCTYPE html>로 시작하여 HTML5 타입임을 명시한다.

<head>태그 안에 브라우저에 표현되지 않는 내용들 ( 메타데이터, 타이틀, 외부참조 파일 ) 을 적는다.

웹 브라우저에 표시되는 내용은 <body> 태그 안에 적는다.

.html 확장자를 가지는 순수한 텍스트 파일이다.

태그 구성

<StartTag AttributeName = "AttributeValue">Contents</EndTag>

<div sytle="color: blue">contents</div>

CSS

본문의 디자인을 담당 ( 글자 색, 폰트 크기, 본문 정렬 등 )

동적인 부분을 담당

maro