목록Wep Programming/HTML5 (4)
heenam
SVG HTML5는 인라인 SVG를 지원한다. SVG는 XML-기반의 벡터 이미지 포맷이다. SVG는 웹에서 벡터-기반의 그래픽을 정의하는데 다용된다. SVG는 상호작용과 애니메이션도 지원한다. SVG 이미지와 관력된 동작은 XML 텍스트 파일에 저장된다. 이것은 SVG파일이 검색, 인덱싱, 압축이 가능하다는 것을 의미한다. SVG의 장점 그래픽은 픽셀이 모여서 그림을 이루는 방식이다. 간단하고 직관적이지만 확대/ 축소 시에 품질이 나빠지는 결정적인 약점이 있다. 벡터 그래픽은 직선이나 곡선, 원, 사각형과 같은 도형을 이용하여 그래픽을 정의하는 방법이다. 벡터 그래픽은 그리는 데 시간이 많이 걸리지만 확대, 축소해도 품질의 저하가 없다. JPEG나 GIF 같은 이미지 형식에 비하여 SVG의 장점을 정리..
웹 브라우저와 멀티미디어 HTML5 이전에 웹 브라우저에서 오디오나 비디오를 재생하기 윟서는 상당한 수고가 필요하였다. 먼저 HTML 안에서는 나 태그를 사용해야 했고 웹 브라우저에는 플래시나 AciveX를 설치해야 했다. 하지만 HTML5에서는 와 태그가 추가되었고 이 태그를 이용해 자연스럽게 HTML 문서의 일부로 오디오와 비디오를 추가 할 수 있다. 물론 플러그인의 설치도 필요 없다. 오디오 HTML5에서는 오디오를 재생할 수 있는 태그를 이용해 웹 페이지에서 음악을 재생할 수 있다. 큰 따옴표 옆에는 audio 요소를 추가할 수 있다. 오디오 파일 형식 + MP3 : 'MPEG-1 Audio Layer-3'의 약자로 MPEG 기술의 음성 압출 기술이다. + Wav : 윈도우에서 사용되는 표준 사운..
텍스트 표시 HTML 문서에서 텍스트는 다음과 같이 특별한 테그 없이도 ... 안에서 표시할 수 있다. 하지만 여러 줄로 이루어진 텍스트는 단락을 생성한 후에 단락 안에서 표시하는 것이 좋다. 단락 단락은 태그로 정의 된다. 종료 태그는 안해도 되지만 하는것이 좋다. 태그를 사용하면 단락의 전후에 빈줄을 추가된다. 단락이 아닌 줄바꿈을 원할때는 태그를 사용한다. 태그는 종료 태그를 하지 않는다. 텍스트 입력 시 주의할 점 HTML 코드에서 엔터키를 사용하더라도 웹 브라우저에서는 적용되지 않기 때문에 와 을 적절히 잘 사용해야 한다. 태그 와 을 사용하지 않고 프로그래머가 입력한 그대로 웹 브라우저에 적용하고 싶을 때는 ...를 사용하면 해결된다. 헤딩 헤딩은 웹 페이지의 머리기사이다. 문서의 중요한 키워..
웹에 대한 기초 사항 WWW WWW(World Wide Web)은 흔히 웹이라 부른다. 세계를 뒤덮는 거미줄 이라는 의미이다. WWW의 동작 원리 우리는 HTML로 웹 페이지를 작성해서 웹 서버에 놓는다. 인터넷에 연결된 수많은 클라이언트 컴퓨터는 웹 서버에서 HTML문서를 받아서 웹 브라우저를 통하여 화면에 웹 페이지를 표시한다. 웹 서버가 하는 일 웹 서버가 요청을 받으면 이들 자원을 찾아서 클라이언트 컴퓨터로 보낸다.웹 서버와 클라이언트는 서로 표중 언어를 통하여 통신하는데 바로 HTTP라는 프로토콜을 사용한다. HTTP프로토콜에서 가장 중요한 것은 특정한 파일을 요청 하는 HTTP Request와 찾은 파일을 돌려주는 HTTP Response가 그것이다. HTML은 무엇인가? 웹 페이지는 기본적으..