은은하게 코드 뿌시기

1. a 태그 의 href 대신에 onclick()을 사용 하여 이동하기 1) href를 막고 onclick 사용 - href가 동작하지만 void(0)로 동작을 하지 않는것처럼 보이게함 : 눌르세여 2) href의 경로를 설정하지 않고 onclick 속성 사용 : 확인하기 + 눌러여 -> 이경우에 href 설정한 경로로 이동하는 것보다 onclick 이벤트 먼저 실행됨, onclick이벤트의 리턴 값이 true인지 확인하고 href로 이동하기 때문. https://leggo.tistory.com/190

폼태그 : 웹페이지의 정보를 다른 페이지로 전송하는 역할 (button, fieldset, input, label, option, optgroup, select, textarea 를 포함 할 수있다.) 속성 - action : 폼 내부에 데이터를 보낼 URL - autocomplete : 자동완성 (on/off) - enctype : 폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩 되는 방법을 명시, form 태그의 method 속성이 post 일때만 사용할 수있다. (application/x-www-form-urlencodedmultipart/ form-datatext/plain) - method : (get/post) 폼 데이터가 서버로 제출 될 때 사용 되는 http 메소드 명시 - name :..

form 태그안에 input 태그로 엔터를 쳤을때 혹은 button 이 하나가있고 type 을 지정하지않은 버튼을 클릭했을때 submit 이된다. 당황하지말고 input type 을 "button" 으로 바꾸거나 form 태그에 onsubmit()="return false;" 추가하거나 button 인경우 type 을 button 을 지정해준다. 파워써칭 결과 타입이 정해지지않은 버튼의 경우 디폴트 타입이 submit 으로 설정되거나 input 의 경우 엔터값을 주면 다음페이지로 이동하도록 되어 있는 것 같다.... 뭐 속시원하게 이래서 이런겁니다 딱 써있는게 있으면 참좋겟는데 하

드롭다운 리스트 1. name name 속성은 드롭다운 리스트의 이름을 명시한다. name 속성은 form이 제출된 후 서버에서 폼 데이터를 참조하기 위해서 사용 되거나 , 자바스크립트에서 요소를 참조하기 위해 사용된다. 2. required 폼데이터가 서버로 제출되기전에 사용자가 반드시 드롭다운 리스트의 값을 선택 해야 함을 명시한다. 속성을 지정하지않으면 기본값이 false로 설정되며, 명시하면 true 값을 가지게 됨 3. size 드롭다운 리스트에서 한번에 보일 옵션의 개수를 명시, 기본값은 1이며 만약 multipel 속성이 명시 되어있다면 기본값은 4로 설정됨 만약에 size 속성의 값이 1보다는 크지만 드롭다운 리스트의 총 옵션의 개수보다 낮다면 브라우저는 옵션이 더있다는것을 표시하기 위해 ..

예제 VAR LET CONST 변수 재선언 var a = 'test'; var a= ' test2'; 가능 불가 불가 변수값을 재할당 var a = 'test'; a = 'test1'; 가능 가능 불가 호이스팅(Hoisting) a = 'test'; var a; a = 'test'; var a; let a; a = 'test'; const a = 'test'; function-scoped block-scoped 선언 전 값할당 가능 선언 하고 나중에 값 할당 선언과 동시에 값을 할당해야한다 * 호이스팅 : 선언문 전에 사용 지원 스코프안의 어디에서든 변수 선언은 최상위에 선언된 것과 동등하게 처리

id 고유한 영역을 식별 목적으로 사용하는 경우 class 재사용을 목적으로하는 컴포넌트 식별자. name form컨트롤 요소의 값을 서버로 전송하기 위해 필요한 속성 https://inpa.tistory.com/entry/HTML-%F0%9F%93%9A-%EC%86%8D%EC%84%B1-id-class-name-%EC%B0%A8%EC%9D%B4-%EC%82%AC%EC%9A%A9%EC%B2%98#id_%EC%86%8D%EC%84%B1 [HTML] 📚 태그 속성 id / class / name 차이 및 사용처 id 속성 - 고유한 식별을 목적으로 하는 경우 사용합니다. class 속성 - css 쿼리문 밑 재사용을 목적으로 하는 경우 사용합니다. name 속성 - form 컨트롤 요소의 값(value)을 ..

https://htmlg.com/html-editor/ Professional HTML Editor You are using the free demo version of the online HTML Editor by HTML G which is the best web content composer software. Get access to the pro editor to use all its features! htmlg.com 화면 왼쪽에 사이트 디자인 하면 우측에 html이 자동완성된다.

사용법 참고 https://lifenourish.tistory.com/1118 쉽게 제작할 수 있는 html 표 만들기 사이트 추천 html로 표를 만드는 것은 복잡한 일입니다. html 코드를 작성해서 표를 만드는 것이 어렵지는 않지만 안에 들어가는 내용이 많아질수록 순서가 복잡해지기 때문에 미리 보기 화면이 제공되지 않는 lifenourish.tistory.com 쉽게만들기 사이트 https://www.tablesgenerator.com/html_tables

action : 사용자가 입력한 데이터를 받아 처리하기 위한 웹 프로그램(ASP, PHP, JSP… 등)의 페이지 지정 method : 웹 서버와 클라이언트 간의 통신 방법 지정(GET 방식, POST 방식) get방식 : 전송할 데이터를 URL 뒤에 덧붙여서 보냄, 용량에 제한이 있음. post방식 : 전송할 데이터를 환경변수(body)에 담아서 넘기고 용량에는 제한이 없는 속성 get방식이 먼저나왔고 가면갈수록 html에서 전송하는 데이터용량이 많아져 post방식이 나오게됨 type : 폼의 모양과 기능 결정 name : 폼의 이름 결정 + 와 는 동일하게 반응함. 디폴트로 input type="text" 생략 가능 ㅍ + jsp페이지 : get/post방식에 상관없이 매개변수들은 request.ge..

https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap Landing Page A clean, functional landing page theme startbootstrap.com https://www.bootstrapzero.com/ Bootstrap Themes at BootstrapZero Bootstrap themes organized by collection. Download free, responsive Bootstrap themes for Bootstrap 3 or Bootstrap 4. www.bootstrapzero.com http://bootswatch.com/..