HTML 썸네일형 리스트형 메타 태그의 사용방법 1. meta 태그의 정의 meta태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의 하는데 사용합니다. html 문서의 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다. 속성에는 name, content, http-equiv 3가지 속성이 있습니다. http-equiv=“항목명” : 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용 될 수 있으며, html 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송 되었을 때에만 의미를 갖습니다. content="정보값" : meta 정보의 내용을 지정합니다. name="정보이름".. 더보기 HTML5 canvas 기본 사용법 기본 사용법 canvas의 기본 사용법이다. canvas의 속성은 width, height 두가지만 가지고 있다. 만약 크기를 지정하지 않으면 기본적으로 300*150의 공간을 가지고 있고, Javascript, CSS로 쉽게 제어가 가능하다. CSS로는 일반적인 이미지 태그처럼 각종 스타일을 지정할 수 있다. (margin, background, border 등) 대체 속성 canvas는 기본적으로 브라우저 지원이 적기때문에 간단하게 대체 문구나 이미지를 삽입할 수 있다. current stock price: $3.15 +0.15 위의 두가지 canvas요소들은 각각 canvas를 지원하지 않는 브라우저에서 보았을경우 아래의 텍스트와 이미지로 대체할 수 있다. 더보기 HTML5 canvas소개 canvas는 스크립트를 사용하여 그림이나 사진 간단한 애니메이션들을 표현할 수 있고 그래픽을 컨트롤 할 수 있다. canvas는 처음 Apple for the Mac OS X Dashboard에서 소개되었고, WhatWG Web applications 1.0의 일부에 포함되어 있다. canvas는 html과 자바스크립트에 대한 지식이 있다면 쉽게 구현할 수 있고, canvas를 지원하는 브라우저는 파이어폭스1.5이상, 오페라9, 사파리, 구글크롬, 겍코기반브라우저 등에서 동작하고, 익스플로러는 9.0이상부터 지원 예정이다. 더보기 background 이미지 위치조절 - background-image: url(이미지경로) 배경 이미지의 경로를 지정합니다. - background-repeat (no-repeat/repeat/repeat-x/repeat-y) 배경 이미지의 배열이나 한번 사용 할 것인지 반복 할 것인지를 지정합니다. no-repeat : 배경 이미지 한번만 사용 repeat : 배경 이미지가 웹 페이지 전체적으로 반복 사용 repeat-x : 배경 이미지가 가로 방향으로만 반복 사용 repeat-y : 배경 이미지가 세로 방향으로만 반복사용 - background-attachment: fixed 태그에서 background를 사용 했다면 태그 속성중에 bgproperties속성과 같이 배경 이미지를 고정 합니다. background-attachment (.. 더보기 이전 1 다음