본문 바로가기
반응형

HTML

iOS 앱 개발 :: APP DEVELOPMENT/App Dev. Tips 2012. 5. 25. 테이블 백그라운드 이미지 태그 및 반복되지 않게 통상 테이블의 각 셀(TD)에 또는 테이블 전체에 이미지를 배경(백그라운드)로 넣기 위해서는 아래와 같이 테이블 태그를 사용합니다. 위와 같이 테이블의 셀인 td 태그 안에 테이블의 배경을 입혀 줄 수 있습니다. 또는 전체 테이블 태그(Tag)안에 배경(background image)위와 같은 방법으로 넣어줄 수 있는데요. 문제는 이미지가 테이블이나 각 셀의 크기에 정확히 맞지 않으면 반복해서 보여진다는 점입니다. 따라서, 아래와 같이 스타일(Style)을 사용해서 테이블 백그라운드 이미지를 반복되지 않게 설정을 해 줍니다. 위와 같이 style="background-repeat:no-repeat" 의 스타일 태그에서 repeat 속성을 'no' 을 해주면 테이블 태그 안의 배경이미지(백그라운드이미지)가..
웹표준 유효성 검사 [W3C Marup 검증 서비스]로 사이트 검사하기
맥 :: MAC/Etc IT Tips 2012. 5. 15. 웹표준 유효성 검사 [W3C Marup 검증 서비스]로 사이트 검사하기 블로그나 웹사이트를 운영중이신 분들 중에서는 웹표준이라는 말을 한번쯤은 들어 보았을 것입니다. 하지만, 웹표준에 대해서 잘 알지는 못하고 또한 운영중인 블로그, 또는 웹사이트가 얼마나 웹표준에 가까운 유효성을 가지고 있는지 그리고, 웹표준을 얼마나 잘 지키고 있는지를 관련 지식이 없는 한 잘 알지 못합니다. 그래서, 운영중인 블로그 또는 웹사이트의 웹표준과 그 유효성을 검사해 주는 W3C 마크업(Markup) 검증 서비스에 대해서 소개합니다. 물론, 완전 무료로 내 웹사이트 또는 블로그가 웹표준을 잘 지키고 있는지 검사해 볼 수 있고 이상 사항을 리스트로 받아볼 수 있습니다. 우선, 웹표준의 준수여부를 알기 위한 W3C 마크업(Markup) 검증 서비스를 검사해 보기 위해서 아래의 W3C 해당 사이트로 ..
iOS 앱 개발 :: APP DEVELOPMENT/App Dev. Tips 2012. 3. 5. CSS 에서 Webkit, Moz, Ms, o 의 의미 - 모바일 웹 앱 개발시 모바일 웹으로 HTML과 CSS를 이용해서 앱과 비슷한 형식의 모바일 앱 웹을 만들경우 CSS를 이용하게 되는데요. 이 CSS를 이요하게 될 경우 Webkit, moz, ms, o 와 같은 옵션을 만나게 됩니다. 모바일 웹 개발시 CSS에서 Webkit, moz, ms, o가 나타내는 의미나 뜻은 아래와 같습니다. -webkit- : 구글의 크롬, 애플의 사파리 웹브라우저에 적용함. -moz- : 웹브라우저 모질라(FireFox, 파이어폭스)에 적용함. -ms- : MS(마이크로소프트)사의 인터넷익스플로러에 적용함. -o- : 웹 브라우저 오페라에 적용함. 이상과 같습니다. 모바일 웹 앱을 만들시 CSS에서 각 종류별 웹브라우저인 크롬, 사파리, 파이어폭스, 오페라에 적용할 옵션을 위와 같은 인자를 통해..
메타 태그(Meta Tag), HTML에서 메타태그의 정의 및 사용법
맥 :: MAC/Etc IT Tips 2012. 2. 11. 메타 태그(Meta Tag), HTML에서 메타태그의 정의 및 사용법 일반적인 웹문서를 제작하는 HTML에 있어서 메타태그(Meta Tag)라는 것이 있습니다. 메타태그(Meta Tag)를 한마디로 요약하면 그 정의는 아래와 같습니다. 근본적인 정의 또는 설명을 뜻하는 메타(Meta)와 태그(Tag)의 합성어로서 일반적인 웹페이지에 있어서 그 표현방식에는 영향을 주지 않고 웹제작 정보, 문서 내용 등의 정보를 제공하는 동시에 키워드를 표시하여 각종 검색엔진들이 해당 웹사이트를 검색할 시 이 메타태그(Meta Tag)의 정보를 이용하여 참고함 우선적으로 메타태그(Meta Tag)를 사용하기 위해서는 태그의 위치는 사이에 위치시킵니다. 그리고 아래와 같은 메타태그(Meta Tag)의 속성을 웹페이지의 성격에 맞게 적절하게 사용해 줍니다. 페이지의 문자세트(charset) 지정..
반응형

티스토리툴바