728x90 웹개발/HTML9 [JavaScript] 제이쿼리 23.04.14 window.onload = function(){ const button = document.getElementById('button'); button.onclick = function(){ return false; //이러면 기능 사용 X. } } 버튼 #box{ width : 100px; height : 100px; background-color : aqua; } #box.hover{ background-color: beige; border-radius: 50px; } $(document).ready(function () { $('h1').css('color', 'red'); $('h1').css('background', 'black'); $('img').attr('src', 'http://place.. 2023. 4. 14. [Javascript] 함수23.04.13 const 함수 = function() { alert('함수_01'); alert('함수_02'); } const sum = 0; console.log(함수); 함수(); //함수 실행 console.log(typeof(함수)); //함수 타입이 뭔지. console.log(typeof(sum)); function 함수02(){ alert('함수02_01'); alert('함수02_02'); } console.log(함수02); 함수02(); console.log(typeof(함수02)); //함수선언 function f(x){ return x * x; } //함수 호출 f(30); console.log(f(30)); callback함수 var callback = function () { console... 2023. 4. 13. [JavaScript] 조건문, 반복문 23.04.12 if문 var date = new Date(); //alert(date); const year = date.getFullYear(); const month = date.getMonth() + 1; //0부터 시작되기 때문에 +1해줘야 한다. const dates = date.getDate(); const day = date.getDay(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); const weekArr = ['일','월','화','수','목','금','토']; console.log(year +'년 ' +month +'월 '+ dates +'일 '+ weekArr[.. 2023. 4. 12. [JavaScript] 기본용어 예약어 자료형 변수 23.04.11 ↓전시간에 했던 홈페이지 만들기 전체 코드 더보기 HTML5 Example Preview 한국정보교육원 HTML5 데이터 데이터 CSS3 데이터 데이터 데이터 JavaScript 데이터 데이터 데이터 데이터 데이터 데이터 데이터 데이터 HTML5 개요와 활용 2013년 02월 14일 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo justo ac lorem pretium vitae rhoncus lectus ullamcorper. Aliquam facilisis euismod diam sollicitudin commodo. Nunc sagittis sapien venenatis lorem vestibulum cursus .. 2023. 4. 11. [HTML] 23.04.10 padding은 내용과 border사이 (글자 메뉴와 네모테두리) 정중앙 배치하기 *{ margin : 0; padding : 0; /* 기본적으로 갖는 margin과 padding을 지워준다. */ } body{ background-color : cadetblue; } #container{ width : 500px; height : 250px; background-color: rebeccapurple; position : absolute; left : 50%; top : 50%; margin-left : -250px; margin-top : -125px; } 요소의 중앙 배치 상단, 왼쪽 박스 고정 #top{ background-color: rgb(81, 194, 81); position: fixed;.. 2023. 4. 10. [HTML] 선택자,이미지배경, 박스속성, 가시속성 23.04.06 #header { color: red; background-color: yellow; width: 800px; height: 80px; margin: 0 auto; /* 가운데 정렬이 된다. */ } #wrap{ width:800px; margin:0 auto } #aside { color: blanchedalmond; background-color: blueviolet; float: left; } #content { width:600px; float:left; color: olive; background-color: lightcoral; } .select { color: skyblue } .item { background-color: beige; } h1.select { color: brown; } 수.. 2023. 4. 6. [html] 입력태그, 공간태그, 시멘트태그, CSS(선택자) 23.04.05 내용이 많거나 보안이어야하는것은 post (로그인) 내용이 적고 보안되지않아도 되는것은 get방식(그냥 검색어) id는 label(레이블)을 위한것. "이름"글자를 클릭해도 옆에 커서가 반응한다. value는 전달해줄 값이다. 이름 비밀번호 성별 남자 여자 취미 산책 맛집투어 점심메뉴 선택 김밥 떡볶이 짜장면 짬뽕 선택옵션묶기 Multimedia Tag Connectivity Devic Access Animation 3D Trasform 3D Trasform 연관있는 입력 양식 그룹으로 묶기 위에 초록색 주석처리한거 되돌려내면 ↓ 이렇게 된다 두개로 나누고 싶으면 테이블도 둘로 나누면 된다. 입력태그 블록형식 태그 : div, h1~h6, p , 목록, 테이블 인라인형식 태그 : span, a, inpu.. 2023. 4. 5. [html] 앵커태그 23.04.04 앵커 태그(href 속성을 줄때 쓰인다.) -외부, 내부 다 걸 수 있다. 아이디를 주고싶을때 //식별자로 #을 붙인다. 메일 전송하고 싶을때 mailto : abc123@gmail.com DOCTYPE html> HTML TEXT Basic Page 한국 네이버 다음 한국 네이버 다음 //새탭에서 열림. 는 인라인형식 는 블럭형식 내부링크걸기 ==> id로 연결하면 된다. 글자태그 이건 볼드체입니다 이건 이텔릭체입니다 이건 작은 글씨입니다 여기는 평평하고여기는 내려갑니다 여기도 평평하고여기는 올라가요 이건 밑줄입니다 이건 취소선입니다 여긴 볼드체에요 여긴 이텔릭체에요 여긴 글씨가 좀 작아요 평평한 글씨이고여기가 올라가요 평평한 글씨이고여기는 내려가요 여기에는 밑줄이 그어져요 여기에는 취소선이 그어져요 .. 2023. 4. 4. HTML 요소 23.04.03 inline 스타일 Emmet 단축키 https://www.hanl.tech/blog/emmet-%EB%8B%A8%EC%B6%95%ED%82%A4-%EB%B0%8F-%ED%8A%B8%EB%A6%AD-9%EA%B0%80%EC%A7%80/ DOCTYPE html> Html5 basic 2023. 4. 3. 이전 1 다음 728x90
