html5
[HTML] HTML - 32. 마무리
이로써 HTML5는 모든 기초 요소를 알아보았습니다. HTML5는 굉장히 오랜 역사를 지녔고 HTML5를 이어 프론트엔드 백엔드 언어들이 무수히 많이 등장했습니다. 여러분이 HTML로 내가 사이트의 레이아웃을 을 태그로 구성할 수 있다면 구성 후 레이아웃을 꾸며줄 언어가 필요하겠죠? 그것을 이어주는 것이 바로 다음 언어인 CSS입니다. CSS는 다소 평범한 태그로만 구성된 HTML을 조금 더 섬세하게 구며주는 언어라고 보시면 됩니다. CSS를 이어서 Scss와 Styled-components등 무수히 많은 css 라이브러리가 탄생했습니다. CSS를 배운 뒤 최종 단계는 Javascript입니다. javascript는 HTML로 레이아웃을 CSS로 스타일을 작성후 최종적으로 동작을 구성하는 언어입니다. 이..
[HTML] HTML - 30.HTML5 그래픽 - Canvas 요소
이번 시간에는 HTML5의 그래픽 요소인 Canvas 요소를 알아보는 시간을 가져보도록 하겠습니다. Canvas 요소 HTML5의 canvas 요소는 웹 페이지에 그래픽을 그려주는 쉽고 강력한 방법을 제공하는 요소입니다. 이 요소로는 그래픽을 위한 컨테이너(container)만 수행합니다. 따라서 실제로 그래픽을 그리기 위해서는 자바스크립트(Javascript) 등의 스크립트 언어를 이용해야 합니다. canvas 요소를 지원하는 주요 웹 브라우저 버전은 다음과 같습니다. canvas 요소의 속성 canvas 요소는 테두리(border)도 콘텐츠(content) 도 없는 웹 페이지 내의 단순한 사각형의 공간으로 반드시 style 속성을 이용해 캔버스의 크기를 설정해야 합니다. 또한 canvas 요소를 스크..
[HTML] HTML - 29.HTML5 요소 - 플러그인
이번 시간에는 HTML5의 플러그인 요소에 대해 알아보도록 하겠습니다. 플러그인(Plug-in) HTML 플러그인이란 웹 브라우저의 표준 기능을 확장해주는 프로그램을 의미합니다. 가장 널리 알려진 플러그인으로는 Java Applet, Flash Player, Rdf Reader 등이 있고 이러한 플러그인은 object 요소는 embed 요소를 사용해 HTML 문서에 추가할 수 있습니다. object 요소 HTML 에서 object 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용합니다. 이 요소로는 모든 웹 브라우저에 동작하며, 객체 뿐 아니라 또 다른 HTML 문서를 삽입할 수 있습니다. 또한, object 요소는 이미지를 삽입할 때도 사용할 수 있습니다. embed 요소 embed ..
[HTML] HTML - 28.HTML5 요소 - 오디오
이번 시간에는 HTML5의 오디오와 플러그인 요소에 대해 알아보도록 하겠습니다. 오디오(audio) HTML5 이전에는 웹 페이지에서 오디오(audio)를 들려주기 위한 표준안은 없었습니다. 따라서 비디오를 삽입하기 위해서는 플래시(flash)와 같은 외부 플러그인에 의존해야만 했습니다. 하지만 HTML5에 들어서는 태그를 이용해 웹 페이지에 오디오를 삽입하는 표준화된 방식을 제공하고있습니다. 태그를 지원하는 주요 웹 브라우저의 버전은 다음과 같습니다. 오디오 요소의 속성 이 문장은 사용자의 웹 브라우저가 audio 요소를 지원하지 않을 때 나타납니다! control 속성은 재생, 정지 및 소리 조절 등 오디오의 기본적인 동작을 조절 할 수 있는 패널을 생성합니다. 웹 브라우저는 여러 개의 태그 중 위쪽..
[HTML] HTML - 22.HTML5 시작
이번 시간에는 HTML의 완전한 5번째 버전으로 월드 와이드 웹의 핵심인 HTML5에 대해서 알아보도록 하겠습니다. HTML5는 무엇인가? HTML5는 웹 상에서 콘텐츠(content)를 구성하고 보여주기 위한 HTML 언어의 최신 표준 권고안으로 HTML5에서는 HTML 4.01,XHTML 1.1등을 대체하는 매우 혁신적인 HTML의 차세대 표준입니다. HTML5는 XML이나 XHTML과는 달리 문법적으로 매우 유연하게 대처하는 언어로써 다음과 같은 사항들을 모두 문법적으로 허용하고 있습니다. 태그 이름에 대문자 사용 속성값에 따옴표 생략 속성값 생략 빈 태그의 종료 태그(/) 생략 HTML5 문서의 기본 구조 HTML5에서는 DOCTYPE 선언이 매우 간단해졌습니다. 또한, 문자셋(character ..