본문 바로가기

분류 전체보기41

HTML5 - 멀티미디어 멀티미디어 파일 형식 HTML5 이전까지는 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리해 왔습니다. 하지만 HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이도 멀티미디어 파일을 간단하게 사용할 수 있게 되었습니다. 웹 브라우저는 파일의 타입(type)을 파일의 확장자로 판단합니다. 만약에 확장자가 .html인 파일을 보면, 웹 브라우저는 이 파일을 HTML 파일로써 다루게 될 것입니다. 비디오(video)나 사운드(sound)와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장됩니다. 이와 같은 멀티미디어 파일도 다음과 같이 다양한 파일 형식으로 저장될 수 있습니다. 비디오 파일 형식 파일 형식 파일 확장자 설명 MPEG .mpg .mpeg Moving Pictu.. 2023. 6. 25.
HTML5 - input 요소와 form 요소 속성 (2) height and width height 와 width 속성은 이미지나 요소의 크기를 지정합니다. 즉 태그의 속성이 image일 경우에는 height와 width 속성을 사용하여 이미지의 높이와 너비를 명시할 수 있습니다. list list 속성은 해당 input 요소에 대한 미리 정의된 옵션 리스트를 설정하는 datalist 요소와 관련이 있습니다. input 요소의 list 속성값이 datalist 요소의 id 속성값과 일치하면 연결이됩니다. min and max min 과 max는 숫자 입력 요소의 최솟값과 최댓값을 지정합니다. input의 type 중 number, range, date 등과 함께 사용 합니다. multiple multiple 속성은 여러 개의 파일을 한 번에 선택할 수 있는지 .. 2023. 6. 24.
HTML5 - Input 요소와 form 요소 속성(1) HTML5 form 요소의 속성 autocomplete novalidate input 요소의 속성 기존 input 요소 value readonly disabled maxlength size HTML5 추가된 input 요소의 속성 autocomplete autofocus form formaction formenctype formmethod formnovalidate formatarget height and width list min and max multiple pattern placeholder required step autocomplete autocomplete 속성은 요소에 대한 자동 완성 기능을 설정합니다. 이 속성은 사용자가 이전에 입력한 값을 기반으로 자동 완성 기능을 제공하며, 브라우저가 .. 2023. 6. 24.
HTML5 - input 요소 type 1. 숫자 입력(number) 코드 : 수량: HTML : HTML 삽입 미리보기할 수 없는 소스 2.입력 범위 지정(range) 코드 : 음량: HTML : HTML 삽입 미리보기할 수 없는 소스 3. 색상 입력(color) 코드 : 색상: HTML : HTML 삽입 미리보기할 수 없는 소스 4. 날짜 입력(date) 코드 : 생년월일: HTML : HTML 삽입 미리보기할 수 없는 소스 5. 시간 입력(time) 코드 : 회의 시간: HTML : HTML 삽입 미리보기할 수 없는 소스 6. 날짜와 시간 입력(datetime-local) 코드 : 이벤트 일시: HTML : HTML 삽입 미리보기할 수 없는 소스 7. 연도와 월 입력(month) 코드 : 유효 기간: HTML : HTML 삽입 미리보기할.. 2023. 6. 23.