웹(Web)51 CSS 소개 CSS는 웹페이지를 꾸며주는 언어고 미리 알아야할 언어가 HTML 웹의 토대가 HTML HTML은 CSS가 없어도 살 수 있다 CSS는 HTML이 없이 살 수 없다 HTML의 본질은 정보 HTML은 정보를 어떻게 표현할 것인가이다 HTML은 원래 밋밋한 언어였으나 점점 디자인을 위한 언어가 추가된다(대표적인 것이 font태그) 문제는 웹이 폭발적으로 성장하게됬다는 것이다 HTML은 중요한 기술이 되고 정보로서의 가치는 커진다 HTML에서 디자인의 기능을 빼버린다 HTML이 아닌 완전히 새로운 문법을 가진 CSS를 추가한다 HTML에서 CSS에서 분화될 수 있었던 이유는 HTML이 정보에 전념하기 위해서 CSS는 디자인에 더욱 효율적인 문법체계를 갖고 있었기 때문에.... 정보를 더 잘 가져가서 처리할 수.. 2021. 4. 15. HTML 입력값 체크 입력한 값이 유효한지 안전한지 체크하는 것을 validation이라고 한다 이메일 입력이라고 입력하면 이메일 이외의 주소는 제출되지 않고 사용자에게 문제를 통보한다 아이디는 입력을 받고 이메일은 선택일 때는 required을 사용한다 사용자가 입력한 정보가 알파벳으로 시작해야되고 숫자로 끝나야하도록 강제하고 싶으면 pattern을 사용한다 정규표현식 정규표현식도 프로그래밍 언어다 패턴이 그 문자에 있는지 없는지를 확인 패턴의 속성 값은 정규표현식이 온다 정규표현식의 문법에 따라서 해석한다 정규표현식에서 .은 어떤 문자던 상관이 없다는 뜻이다 +는 모든 문자가 하나 이상 온다는 뜻이다 사용자가 입력한 정보를 받는 서버에서 사용자가 입력한 정보에 대한 테스트를 해야한다 Validation은 사용자에게 편의를.. 2021. 4. 15. HTML5 입력양식의 속성들 웹브라우저가 자동완성 기능을 로그인 할 때 제공한다(Auto complete) 사용할 수도 있고 안할 수도있다 비밀번호만 자동완성을 끄고 싶다면 autocomplete="off" 자동으로 아이디에 포커싱하는 방법은 autofocus이다 2021. 4. 15. HTML5의 새로운 제출 양식들 form 타입 말고도 input 타입이 다양해졌다 Input types color 색깔 date 날짜 datetime 국제표준시 datetime-local 현지시각 email 이메일 month 월 number 숫자 range 숫자의 범위 search 검색창 tel 전화번호 time 시간 url 주소 week 주 숫자만 입력할 수 있게 하는 제출양식 입력을 규제하는 기능이 type 10~15 사이 숫자로 사용자의 입력을 강제할 수 있다 모바일도 숫자를 입력하기 좋게 키보드를 켜줄 수 있다 2021. 4. 15. 이전 1 ··· 8 9 10 11 12 13 다음