WEB기초/HTML9 [HTML] HTML5 이용하기 01 (170413) HTML5 이용하기 01 정규표현식의 기초var a = /ABCD/;var b = new RegExp("ABCD"); a.test("1232142"); false a.test("가나다란ㄹㅇㄴㄹㅇㄴ"); false a.test("가나다라ABCD1234"); true - 사용하는 곳특정 형식에 부합하는 형식을 추출할 때 사용 (주로 백엔드)특정 형식에 부합하는지 여부를 알아볼 때 사용 (주로 프론트엔드) 정규표현식 이용하기 - Step 01정규표현식은 대소문자를 구별한다. - Step 02눈에 보이지 않는 space, tab, new line도 중요하다- Step 03^는 매칭할 문자열의 시작을 의미하고 $는 매칭할 문자열의 끝을 의미한다.- Step 04 ^나 $등 특별한 의미를 가지고 있는 문자열의 li.. 2017. 4. 13. [HTML] html입문 03 (170313) [HTML] html입문 03 (170313) input박스와 label이메일 for와 id는 같아야 이용하기 편리하다. form으로 둘러싸는 이유이메일비밀번호로그인 form으로 둘러싸야 정보의 전송이 가능하다! radio버튼 - radio버튼 이용시 체크사항1. label 을 제공하는 두가지 방법 확인2. input type="radio" 의 모양 확인3. input type="radio" 를 그룹으로 묶는 방법 확인 - 그룹으로 묶어서 field를 설명할 때 : fieldset을 이용 cf ) name속성은 server에서 식별하기 위한 attribute이다. cf ) form method="get" 했을 때의 주소창 " file:///C:/ncs03/sublime_work/html/insertAct.. 2017. 3. 13. [HTML] a링크 이용과 table 개념 알아보기 a 링크 이용하기 -링크를 통해 이동하면 외부 컨텐츠가 나올 수 있는 이유? 웹서버를 통해 컨텐츠를 response하기 때문에 외부 컨텐츠를 받아올 수 있다. - 링크로 이동시키기 daum2 target="_blank" 속성값 : 새로운 창을 열어서 이동 cf) div.spacer + tab => 자동으로 만들어줌 - a를 이용한 책갈피 만들기 해당 요소에 id 부여 후 a 링크를 걸어준다. - a 요소를 이용한 javascript 실행 1. 스크립트실행하기! 2. 안눌리는 a링크 : 새로고침도 되지 않게 할 a링크를 이용하려 할 경우 이렇게 사용함. EX) 이 때 < 사용 안하는 문자 링크만 걸되 안눌리게 요소명+클래스명 요소명+클래스명 특정 요소의 자식클래스 스타일적용된다. .. 2017. 3. 10. [HTML] html입문 02 (170310) - 프론트엔드의 구성HTML : infoCSS : designjavascript : language - CSS 속성 display 살펴보기display요소를 배치할 때 어떻게 보여줄지를 결정한다. EX) display: inline; // 한 줄(inline)에 다 표현해준다.display: inline-block; // width와 height를 모두 갖으며 inline으로 배치된다. **출력 결과**-inline은 width와 height를 반영하지 않았다. 반면 inline-block은 블록형태로 inline을 반영했다. -image 표시하기img src="이미지 경로" alt="이미지 설명 "img에 css로 크기 조정하기 : style시트 내부에서 img { width:200px; height:.. 2017. 3. 10. 이전 1 2 3 다음
