반응형

전체 글 272

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) 태그 이름 설명 P 본문 글자 태그 ü Song MyeongHoon 이라는 제목, Hello Song 의 본문 내용의 소스코드. ü 제목과 본문 내용이 출력된 것을 확인. 본문 태그(2) 태그 이름 설명 Br 개행 태그 hr 수평 줄 태그 ü Song MyeongHoon 밑에 밑줄, Hello Song^^ 과 NinuKKo 사이에 간격을 주고자 하는 소스코드. ü 제목 밑에 밑줄, 본문 사이에 간격이 벌어져 있는 것을 확인 가능.

IT기초/HTML5 2014.10.02

HTML5 기본 태그 - 글자크기

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

IT기초/HTML5 2014.10.02

[크롬 확장프로그램 활용] - Pig Toolbox

Pig Toolbox 는 메일을 바로 확인할수 있는 기능도 있고 마우스 제스쳐 사용안하기, 스크린샷 캡쳐와 공유 등등 의 기능이있습니다. 이중 가장 유용하게 쓰고있는것은 짧은 URL 주소만들기와 우클릭 막힘 풀기(향상된 방법) 작동 인데요... 짧은 URL 은 모의해킹시 글자수 제한이 있는 칸에 길이가 긴 URL 주소를 입력해야 할 때 주소를 짧게 만들어주는 기능을 제공합니다. 그리고 우클릭 막힘 풀기 기능은 블로그나 카페 같은 곳에 우클릭과 드래그 방지가 안되는 곳이 많은데, 그런 사이트에서 사용하면 좋습니다. 저의 블로그도 우클릭과 드래그 금지되어있습니다^^;; 불펌은 하지마시길... 필요한 부분만 사용하시고 사용하실때는 댓글이라도 남겨주세요 다른 사이트들도 마찬가지로... 사용방법은 간단합니다. 그..

반응형