반응형

html5 7

HTML5 기본태그 - audio, flash 예제

audio 와 Flash 등 동시에 사용하는 예제입니다. 아래 소스코드는 오디오와 플래시를 한번에 실행하는 소스코드이며, 음악 두개가 동시에 실행되며 loop="loop" 를 설정해주면 무한루프가 설정됩니다. autoplay="autoplay" 는 자동재생 설정입니다. width="1700" height="900" 넓이는 1700, 높이는 900 으로 설정한다는 것입니다. 아래 동영상은 실행 화면입니다~!

IT기초/HTML5 2014.10.02

HTML5 기본태그 - 비디오 태그

예전에 정리해 놓은것이라... 그냥 복붙해놓겠습니다^^; 비디오 태그 속성 이름 설명 src 비디오 파일의 경로 지정 Poster 비디오 준비 중일 때의 이미지 파일 경로 지정 Preload 비디오를 재생하기 전에 모두 불러올지 지정 Autoplay 비디오를 자동 재생할지 지정 Loop 비디오를 반복할지 지정 Controls 비디오 재생도구를 출력할지 지정 Width 비디오의 너비를 지정 Height 비디오의 높이를 지정 ※웹 브라우저에서 지원하는 동영상 파일 형식 internet explorer Chrome Firefox Mp4 O O X WebM X O O OGV X O O ü “ 1.mp4 “ 이름의 동영상파일 생성. ü 실행 장면. ü Image 와 마찬가지로 동영상 크기도 조절 가능.

IT기초/HTML5 2014.10.02

HTML5 기본태그 - 오디오 태그

예전에 정리해 놓은것이라... 그냥 복붙해놓겠습니다^^; 오디오 태그 속성 이름 설명 Src 음악 파일의 경로 지정 Preload 음악을 재생하기 전에 모두 불러올지 지정 Autoplay 음악을 자동 재생할지 지정 loop 음악을 반복할지 지정 Controls 음악 재생 도구를 출력할지 지정 ※웹 브라우저에서 지원하는 음악 파일 형식 internet explorer Chrome Firefox Mp3 O O X OGG X O O WAV X O O ü Control Bar 생성.ü 무한 Loop 적용.ü 자동 재생 설정. ü 실행 장면.

IT기초/HTML5 2014.10.02

HTML5 기본태그 - 이미지 태그

예전에 정리해 놓은것이라... 그냥 복붙해놓겠습니다^^; 이미지 태그 속성 이름 설명 Src 이미지의 경로 지정 Alt 이미지가 없을 때 나오는 글자 지정 Width 이미지의 너비 지정 Height 이미지의 높이 지정 background 배경 이미지 지정 ü 첫번째 : “ pass.jpg “ 이미지 출력ü 두번째 : 존재하지 않는 이미지 경로. ü BackGround 이미지 지정. ü Src 속성에 입력한 이미지가 존재할 때는 이미지 출력.ü 이미지가 존재하지 않을 때는 “ alt “ 속성에 입력한 글자 ( “ No image “ ) 출력.

IT기초/HTML5 2014.10.02

HTML5 기본태그 - 글자형태 ( 글자 기울기, 밑줄 등... )

예전에 정리해 놓은것이라... 그냥 복붙해놓겠습니다^^; 글자 형태 태그 이름 설명 B 굵은 글자 태그 I 기울어진 글자 태그 Small 작은 글자 태그 Sub 아래에 달라 붙는 글자 태그 Sup 위에 달라 붙는 글자 태그 ins 밑줄 글자 태그 del 가운데 줄이 그어진 글자 태그 ü “ Hello Song~!! ” 문자의 다양한 글자형태 출력 소스코드. ü “ Hello Song~!! ” 문자의 다양한 글자형태 출력 확인.

IT기초/HTML5 2014.10.02

HTML5 기본 태그 - 글자크기

1. HTML5 기본 태그 예전에 정리해 놓은것이라... 그냥 복붙해놓겠습니다^^; Ø 제목 글자 태그 태그 이름 설명 H1 첫 번째로 큰 제목 글자 태그 H2 두 번째로 큰 제목 글자 태그 H3 세 번째로 큰 제목 글자 태그 H4 네 번째로 큰 제목 글자 태그 H5 다섯 번째로 큰 제목 글자 태그 H6 여섯 번째로 큰 제목 글자 태그 ü Title : hihi Song MyeongHoon 이라는 제목 글자 크기 테스트. ü 위의 소스코드를 출력한 결과이다. 글자 크기가 조절된 것을 볼 수 있다.

IT기초/HTML5 2014.10.02
반응형