IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 이번 포스팅에선 정말 독특한 기능인 캔버스입니다. 캔버스 영역에 자바스크립을 이용하여 선이나 도형등을 그릴수 있습니다, 윈폼으로 치자면 드로우기능인데 태그로는 지원이 안되는듯 하네요. W3C의 규격을 보면 아직 진행중이라고 뜨는데......이게 표준이 진행중이라는건지 설명페이지가 진행중이라는건지 모르..

IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 HTML코드는 이전글을 참고 하세요. 샘플코드를 실행하면 다음과 같이 표시 됩니다. 1.전체 선택자(Universal selector)문서의 전체를 나타네는 별(*)입니다. (참고 : W3C - 6.2. Universal selector) * { font-family: Lucida Sans, Aria..

IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 IBM의 디벨로퍼워크스는 정말 좋은 내용이 많습니다. 그것도 번역된걸로 말이죠 ㅎㅎㅎ 0.베이스 코드원래 IBM강좌에서 처럼 CSS를 분리하는 것이 좋습니다만....귀찬으니 하나로 하겠습니다. 이 베이스코드를 기준으로 한단계씩 CSS를 적용하여 문서에서 자주쓰는 CSS가 어떻게 정의하는지 알아보겠습니..