Language/HTML

[HTML] 플러그인(Plug-in)

플러그인(Plug-in) HTML 플러그인이란 웹 브라우저의 표준 기능을 확장해 주는 프로그램을 의미한다. 가장 널리 알려진 플러그인으로는 Java Applet, Flash Player, Pdf Reader 등이 있다. 이러한 플러그인은 object 요소나 embed 요소를 사용하여 HTML 문서에 추가할 수 있다. object 요소 object 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다. 이 요소는 모든 웹 브라우저에서 동작하며, 객체뿐만 아니라 또 다른 HTML 문서를 삽입할 수도 있다. 또한, object 요소는 이미지를 삽입할 때에도 사용할 수 있다. embed 요소 embed 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다. embed 요소는 ..

[HTML] 오디오(audio)

오디오(audio) 요소 HTML5 이전에는 웹 페이지에서 오디오(audio)를 들려주기 위한 표준안이 없었다. 따라서 비디오를 삽입하기 위해서는 플래시(flash)와 같은 외부 플러그인(plug-in)에 의존해야만 했다. 하지만 HTML5에서는 태그를 이용하여 웹 페이지에 오디오를 삽입하는 표준화된 방식을 제공한다. 오디오 요소의 속성 이 문장은 사용자의 웹 브라우저가 audio 요소를 지원하지 않을 때 나타난다. control 속성은 재생, 정지 및 소리의 조절 등 오디오의 기본적인 동작을 조절할 수 있는 패널을 생성한다. 웹 브라우저는 여러 개의 태그 중 위쪽에서부터 순서대로 가장 먼저 인식되는 파일의 타입과 주소를 사용한다. 태그 사이에 존재하는 텍스트는 해당 웹 브라우저가 태그를 지원하지 않을 ..

[HTML] 비디오(video)

비디오(video) 요소 HTML5 이전에는 웹 페이지에서 비디오(video)를 보여주기 위한 표준안이 없었다. 따라서 비디오를 삽입하기 위해서는 플래시(flash)와 같은 외부 플러그인(plug-in)에 의존해야만 했다. 하지만 HTML5에서는 태그를 이용하여 웹 페이지에 비디오를 삽입하는 표준화된 방식을 제공한다. 이 문장은 사용자의 웹 브라우저가 video 요소를 지원하지 않을 때 나타난다. control 속성은 재생, 정지 및 소리의 조절 등 비디오의 기본적인 동작을 조절할 수 있는 패널을 생성한다. 또한, height와 width 속성을 이용하여 웹 브라우저에 삽입되는 비디오의 크기를 명시할 수 있다. 웹 브라우저는 여러 개의 태그 중 위쪽에서부터 순서대로 가장 먼저 인식되는 파일의 타입과 주소..

[HTML] 멀티미디어 파일 형식(video, audio)

멀티미디어 파일 형식 HTML5 이전까지는 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리해 왔다. 하지만 HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이도 멀티미디어 파일을 간단히 사용할 수 있게 되었다. 웹 브라우저는 파일의 타입(type)을 파일의 확장자로 판단한다. 만약에 확장자가 .html인 파일을 보면, 웹 브라우저는 이 파일을 HTML 파일로써 다루게 될 것이다. 비디오(video)나 사운드(sound)와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장된다. 이와 같은 멀티미디어 파일도 다음과 같이 다양한 파일 형식으로 저장될 수 있다. 비디오(video) 파일 형식 대표적인 비디오 파일 형식은 다음과 같다. 파일 형식 파일 확장자 설명 MPEG .m..

[HTML] HTML input 요소의 속성

input 요소의 속성 input 요소는 다양한 속성을 가질 수 있다. HTML에서 자주 사용되는 input 요소의 대표적인 속성은 다음과 같다. value readonly disabled maxlength size HTML5 form 요소의 속성 HTML5에서 새롭게 추가된 form 요소의 속성은 다음과 같다. autocomplete novalidate HTML5 input 요소의 속성 HTML5에서 새롭게 추가된 input 요소의 속성은 다음과 같다. autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern pl..

[HTML] Input 요소의 타입

form 요소는 다양한 타입의 input 요소를 포함할 수 있다. HTML에서 자주 사용되는 input 요소의 대표적인 타입은 다음과 같다. text password submit radio button checkbox button HTML5에서 추가된 input 요소의 타입 HTML5에서 새롭게 추가된 input 요소의 타입은 다음과 같다. 숫자 입력(number) 입력 범위 지정(range) 색상 입력(color) 날짜 입력(date) 시간 입력(time) 날짜와 시간 입력(datetime-local) 연도와 월 입력(month) 연도와 주 입력(week) 이메일 입력(email) URL 주소 입력(url) 전화번호 입력(tel) 검색어 입력(search) 숫자 입력(number) 태그의 type 속성..