본문 바로가기

HTML74

HTML 멀티미디어(HTML Multimedia) 웹상의 멀티미디어는 소리, 음악, 비디오, 영화, 애니메이션이다. 멀티미디어란? 멀티미디어는 다양한 형식으로 제공된다. 이미지, 음악, 사운드, 비디오, 레코드, 영화, 애니메이션 등 들을 수 있거나 볼 수 있는 거의 모든 것일 수 있다. 웹 페이지에는 종종 다양한 유형과 형식의 멀티미디어 요소가 포함된다. 멀티미디어 포맷 멀티미디어 요소(예: 오디오 또는 비디오)는 미디어 파일에 저장된다. 파일 형식을 검색하는 가장 일반적인 방법은 파일 확장자를 확인하는 것이다. 멀티미디어 파일에는 .wav, .mp3, .mp4, .mpg, .wmv 및 .avi와 같은 형식과 다양한 확장자가 있다. 일반 비디오 포맷 세상에는 많은 비디오 형식이 있다. MP4, WebM 및 Ogg 형식은 HTML에서 지원된다. MP4 .. 2023. 6. 18.
HTML SVG 그래픽스 SVG는 벡터 기반 그래픽을 XML 형식으로 정의한다. SVG란? SVG는 Scalable Vector Graphics의 약자이다 SVG는 웹의 그래픽을 정의하는 데 사용된다 SVG는 W3C 권장 사항이다 HTML 태그 HTML 요소는 SVG 그래픽을 위한 컨테이너이다. SVG에는 경로, 상자, 원, 텍스트 및 그래픽 이미지를 그리는 여러 가지 방법이 있다. SVG 원(SVG Circle) 죄송합니다. 브라우저는 인라인 SVG를 지원하지 않습니다. 상기의 예제를 실행한 결과 그림은 아래와 같다. SVG 사각형 죄송합니다. 브라우저는 인라인 SVG를 지원하지 않습니다.. 상기의 예제를 실행한 결과 그림은 아래와 같다. SVG 둥근 사각형(SVG rounded rectangle) 죄송합니다. 브라우저는 인라.. 2023. 6. 17.
HTML 캔버스 그래픽스(Canvas Graphics) HTML 요소는 웹 페이지에 그래픽을 그리는 데 사용된다. 아래 그림은 그래픽은 로 작성되었습니다. 빨간색 사각형, 그라데이션 사각형, 다색 사각형 및 다색 텍스트의 4가지 요소를 보여준다. HTML 캔버스란 무엇인가? HTML 요소는 JavaScript를 통해 그래픽을 즉시 그리는 데 사용된다. 요소는 그래픽을 위한 컨테이너일 뿐이다. 실제로 그래픽을 그리려면 JavaScript를 사용해야 한다. 캔버스에는 경로, 상자, 원, 텍스트를 그리고 이미지를 추가하는 여러 가지 방법이 있다. HTML 캔버스 예제 캔버스는 HTML 페이지의 직사각형 영역이다. 기본적으로 캔버스에는 테두리와 내용이 없다. 마크업은 다음과 같습니다: 참고: 항상 id 특성(스크립트에서 참조)과 너비 및 높이 특성을 지정하여 캔버스.. 2023. 6. 16.
HTML input form* 속성 이 장에서는 HTML 요소에 대한 다양한 form* 속성에 대해 설명한다. HTML input #form 속성 input form 속성은 요소가 속한 형식을 지정한다. 이 속성의 값은 해당 특성이 속한 요소의 id 특성과 같아야 합니다. input form 속성 양식 특성은 입력 요소가 속하는 양식을 지정합니다. 이름: 아래 "성" 필드는 양식 요소 외부에 있지만 여전히 양식의 일부입니다. 성: HTML input form #formaction 속성 input form formaction 속성은 양식을 제출할 때 입력을 처리할 파일의 URL을 지정gks다. 참고: 이 속성은 요소의 작업 속성을 재정의한다. 양식 작업 속성은 제출 및 이미지 입력 유형과 함께 작동한다. input formaction 속성 .. 2023. 6. 15.