반응형 HTML23 속성을 공부하는 방법 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 선택자 = 주어 속성 = Property = CSS의 효과 다음의 그림은 속성의 사용빈도를 중심으로 중요도를 열거하였다. (MS제공) https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/ 2017. 9. 8. 부모 자식 선택자 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. : ul 밑에 있는 모든 li를 뜻한다. 예제 HTML CSS JavaSCript HTML CSS 1. Selector 2. Declaration JavaSCript - 선택자 공부 팁 - http://flukeout.github.io/ 2017. 9. 8. 선택자와 선언 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS를 적용하는 방법 1. 문법의 속성으로 주기 2. 를 활용하기 어떤 태그를 디자인하기 위해서는... 1. 디자인하려는 태그를 선택하고 (선택자, Selector) 2. 선택한 대상에게 원하는 효과를 적용해야한다. (선언, Declaration) 예제 HTML CSS JavaSCript 2017. 9. 7. HTML과 CSS가 만나는 법 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS 실행방법 1. In-line 방식 (하드코딩) 2. 활용 예제 Hello world => color:red 부분만 CSS문법, 나머지는 html의 문법 Hello World 2017. 9. 7. CSS 소개 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS의 기반은 HTML이다. HTML = 정보, HTML은 홀로 존재할 수 있다. 하지만 CSS는 HTML없이 존재할 수 없다. HTML= 정보 CSS = 디자인 CSS는 에 들어가게 된다. **정보와 디자인의 분리 예제 바보 천하의 보배 2017. 9. 7. HTML5 입력 값 체크 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 유효성체크 = validation pattern은 사용자의 입력값을 알아낼 수 있다. 정규표현식 -> [.....][.....] . 은 모든 문자를 뜻한다. (1개의 단어/숫자) +는 모든 문자+숫자를 넣을 수 있다. form validation은 사용자의 편의를 높여주는 기능일 뿐 보안성은 없다. 보안이라는 것은 결국 서버단에서 해결되어야할 문제이다. 사용자가 입력한 정보를 검증하여 서버에 넣어야한다. 예제 2017. 9. 6. HTML5 입력양식의 속성들 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 예제 2017. 9. 6. HTML 5 입력양식 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - Video 삽입- 1. videos라는 directory를 만들었다. 2. 각 브라우저마다 선호하는 비디오파일 형식이 다르기 때문에 를 활용하여 다양한 파일형식으로 저장한다.예제 - caniuse.com - 새롭게 도입된 기술은 오래된 웹브라우저에서 동작하지 않습니다. 결국 얼마나 많은 웹브라우저가 이 기술을 사용할 수 있는가에 따라서 신기술의 도입 여부를 결정해야 합니다. Can I use는 이런 결정을 할 때 도움을 주는 서비스입니다. -HTML5의 입력양식 - input type 2017. 9. 4. 외부문서삽입 - iframe 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 웹페이지에 다른 웹페이지를 삽입하는 방법인 아이프래임은 참 편리하면서도 위험한 방법입니다. 왜냐면 신뢰할 수 없는 사이트에서 악성코드 같은 것을 포함하고 있다면 삽입된 외부소스에서 악성코드가 실행될 수 있기 때문이죠. 이런 문제를 해소하기 위해서 HTML의 최신 버전인 HTML5에서는 샌드박스라는 것을 도입했습니다. 아이프래임으로 삽입된 웹페이지에서 자바스크립트 등이 실행되지 않도록 하는 방법인데요. 아이패래임이 무엇인지, 사용법, 그리고 보안을 개선할 수 있는 새로운 방법을 소개합니다.예제 1 예제 2 예제 3 2017. 9. 4. 모바일 지원 (viewport) 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 예제 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 2017. 9. 4. 이전 1 2 3 다음 반응형
