In University ☆ In Bucket Place ☆ Hobby & Study Room ☆

1. HTML 5.0이란? - 마크업 언어(여러 플랫폼 환경에서 동일하게 적용되는 언어) / 개발 언어(HTML 5로 오면서 생긴 것) - 개발의도 > HTML 5.0 이전에는 웹 페이지에서 멀티미디어 콘텐츠를 구현하기 위해서는 Plug-in(플러그인)을 설치해야 함 > 이러한 것(플러그인)에서 자유로운 웹을 만들자는 것이 HTML5.0의 태동이 되었다. - 아직 정식 권고안이 나오지 않음(2012년 예정) - 웹 애플리케이션 2. 웹 애플리케이션이란? - 웹 자체가 하나의 애플리케이션 처럼 동작 - 웹 환경이 지원된다면, 어느한 플랫폼에서도 사용이 가능하고, 업데이트에 요으이 하다 - H/W장치를 현재는 사용이 불가능하다.(현재라는 단어에 주목! 차후 개발중) - 웹 애플리케이션의 반대 개념으로 네이티..

먼가 문법적으로 설명하기엔 부족해서 예문을 들어서 보여주겠다. 1. 배경 - 배경 색갈 지정 : body {background-color:#fff} / 페이지 배경색을을 fff로 지정한다. - 배경 그림 첨가 : body {background-image:url ('hello.jpg'); / hello.jpg를 배경으로 지정한다. ⓐ 옵션 - background-repeat:value; / value에는 "no-repeat" or "repeat"로 지정되며 배경그림의 반복여부이다. > repeat는 repet(모두반복), repeat-x(x축반복), repeat-y(y축반복)으로 또 새분화된다. - background-position:center top; / 이미지의 위치를 지정해주는 것으로 예에서는 중앙..

... [CSS] 하고 CSS라고하면 먼가 이상할 것 같아서 거창하게 이름을 붙여봤다. 그러면 웹을 디자인하는 CSS에 대해서 알아보도록하자. 1. CSS란? - Cascading Style Sheet의 약자로 HTML문서가 어떻게 화면에 나타내는지에 대해서 기술한다. - 기존에 HTML에서 style을 구현시 관리 유지 비용이 많이 드는 것에 의해 이를 방지하기 위해 만들어졌다. - 관리 유지 비용을 줄이기 위해 만들어진 것 만큼 작성및 관리 유지를 편하게 해주었다. 2. CSS의 문법 - CSS의 문법의 형식은 다음과 같다 : SELECTOR{PROPERTY:VALUE;} ⓐ selector : 디자인 될 테그를 선택한다. ⓑ declaration : property+value를 의미 하며 선택된 태..

앞서 봤듯이 HTML은 Hypertext와 tag로 이뤄져 있다. 그렇다면 HTML에서 사용되는 tag가 무엇이 있고, 그 테그가 가질 수 있는 요소 값을 알면 HTML문서의 작성이 가능하다. 모든 태그를 외울 수없으므로 다음 사이트를 참조하여 레퍼런스를 검색한다. http://www.w3schools.com 일단, 자주 쓰이는 HTML테그에 대해서 알아보도록 한다. 그에 앞서 HTML작성 방법론에 대해서 말해보겟다. * HTML 작성 방법론 - HTML은 내용만을 나타내는 역할로 사용하는 것이 좋다. 이는 CSS와의 구분으로 프로그램의 유지보수를 용의 하게 해주는 역할을 해준다. 만일 HTML안에 style을 정의한다면 하나의 내용 및 style을 변경하는데 많은 보수 비용이 필요로 하게 된다. 다시말..

1. HTML(Hypertext Markup Language) - Hypertext : 링크로 문서가 서로 연결 되있다. 즉, 링크가 존재한다. - Markup : Tag기반으로 문서를 표현 - 특징 ⓐ 텍스트 파일 기반 : 가격이 Free ⓑ Web에서 보여질 문서의 내용과 모양을 표현 ⓒ 줄 바꿈, 공백의 무시 / 자신의 일일이 코드로 지정해 주어야 한다. - 표준안 : http://www.w3.org 2. XHTML - XML + HTML / XML구문의 적용으로 문법이 엄격하다. - 문법이 엄격한 만큼 오류를 줄이기가 쉽다. - 호환선 문제로 2.0이상은 사용하지 않음. - HTML과의 차이점 ⓐ element간의 중첩관계가 올바르게 이뤄져야함. ⓑ 모든 element는 닫혀 있어야함. ⓒ 모든 ..