웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법
[html/css]웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법 오늘은 웹개발자나 웹디자이너에게 유용한 도구를 소개하려고 합니다 바로 웹 디벨로퍼 툴바(Web Developer Toolbar) 인데요. html이나 css 언어를 다루는 분들은 이미 사용하고 계시는 분도 많을 테지만 저는 최근에 설치해서 사용해 보았습니다.. 웹 디벨로퍼 툴바는 정말 다양한 기능이 있지만, 제가 주로 사용해 본 기능들을 나열하자면 이렇습니다: css 편집, html 편집, css 보기, inline 스타일 끄기, embeded 스타일 끄기 div 크기 표시하기, img 외곽선 표시, div 외곽선 표시, id/class 상세 표시하기, 요소(element) 정보 표시하기, 요소 크기 표시하기, 유효성 검사하기 즉, 웹 ..
2014. 8. 13.
[html5] video 태그 사용법
[html5] video 태그 사용법 video 태그는 html5에서 새로운 요소로, 비디오나 영화를 삽입할 때 사용합니다. html5 이전에는 비디오를 삽입할 때 플래시 같은 플러그인 삽입으로 재생을 했습니다. [html] object 태그 정리 하지만 브라우저마다 각기 다른 플러그인을 지원하고, 코드도 너무 복잡했습니다. 요소는 비디오를 삽입하는 표준적인 방법을 제공합니다. 현재는 mp4, webm, ogg 세 파일 형식만 지원하고 있습니다. 요소 지원 브라우저 : IE 9+, Chrome 4.0+, FF3.5+, Safari 4.0+, Opera 10.5+ ▶사용 법: 대체내용 width, height 속성은 항상 함께 사용하는 것이 좋은데, 너비와 높이를 따로 설정하지 않으면 비디오에 대한 공간을..
2014. 8. 7.
[html5] audio 태그로 음악 파일 삽입하기
[html5] audio 태그로 음악 파일 삽입 태그는 문서에 음악 파일이나 오디오 스트리밍을 삽입하는 요소입니다. (html5에 도입된 새로운 요소임) 현재는 세 파일 형식만 지원하고 있습니다. mp3, ogg, wav (본문 내용 중 src 참조) 요소 지원 브라우저 : IE 9+, Chrome 4.0+, FF3.5+, Safari 4.0+, Opera 10.5+ ▶사용 법: 대체내용 ▶함께 사용할 수 있는 속성 autoplay 이 속성이 명시되면, 오디오가 준비되자마자 자동으로 재생을 시작합니다. 지원브라우저: IE 9+, Chrome, FF, Safari, Opera 사용법: html5에서는, xhtml에서는 controls 이 속성이 명시되면, 오디에 재생에 관한 조절 장치를 보여줍니다. (pl..
2014. 7. 18.
