반응형 Js. function & Alert function 자바스크립트~~(){ document.getElementById('24').style.display = 'block'; } // 닫혀있는 디스플레이 열기 function 자바스크립트~~~(){ document.getElementById('24').style.display = 'none'; } // 열려있는 디스플레이 닫기 ※ function = 긴코드를 한단어로 축약할수있음 ex ) function 원하는이름 () { 코드 ~~ } html. button onclick. (alert) - css '13' display = none; dd 닫음 버튼 ※ 주석 처리 Ctrl + / Css. box. margin. display. .~~ { background: ###; color: ###; padding: ##px; border-radius: ##px; } margin-top : ~px, ~%; margin-bottom : ~px, ~%; margin-left : ~px, ~%; margin-right : ~px, ~%; display: none; //숨김처리 원하는 곳의 상하좌우 여백이 필요할때 입력하는 함수, 반대로는 padding 함수로 원하는 곳에 여백을 줄인다. html. css, javascript연동. // html5의 선언문 //웹 시작 // head 끝 Js. document document . getelementById ('id').innerHtml = ' ~ '; 문서 ~의 ('id')인 HTML 가져와 내부글자를 ' ~ ' ; 변경 document . getelementById ('html의 id '). ??? = '???'; ???의 자리는 구글로 검색해서 변경할수있는 코드들을 확인할수있다. document . getelementById ('???') └> 전문용어 = 셀렉터 selector html. DOCTYPE html> // html5의 선언문 //웹 시작 // head 끝 // html 화면구성 요소 // 요소 끝 //웹 끝 ssiba - 이전 1 ··· 6 7 8 9 다음