다음은 이미지 확대/축소를 만드는 코드입니다. 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * {box-sizing: border-box;} .img{ display: inline-block; &
다음은 JavaScript로 텍스트를 클립보드에 복사하는 코드입니다 - 예시 <!DOCTYPE html> <html> <head> <style> button { border: none; outline: none; background-color: rgb(191, 187, 255); color: black; font-weight: bold; padding:
다음은 CSS 및 JavaScript로 전체 화면 검색창을 만드는 코드입니다. − 예시 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontawesome.min.css"> <style> body { font-family: Arial; } * { &nbs
절차 지식 절차적 또는 명령적 지식은 특정 작업을 수행하는 방법을 명확하게 합니다. 수행할 단계를 제시합니다. 예를 들어 - 자바스크립트를 사용하여 절차적으로 배열을 복사하는 방법 예시 var a=[1, 2, 3, 4, 5]; var b=[]; for(var i=0;i < a.length;i++) { b.push(a[i]); } console.log(b); 출력 [1, 2, 3, 4, 5] 선언적 지식 선언적 또는 기능적 지식은 특정 작업을 수행하기 위해 수행할 작업을 명확하게 합니다. 수행할 기능을
다음은 CSS 및 JavaScript를 사용하여 스크롤할 때 탐색 모음의 크기를 조정하는 코드입니다. 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title
다음은 css와 javascript를 사용하여 고정 탐색 모음을 만드는 코드입니다. − 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <styl
다음은 CSS와 JavaScript를 사용하여 클릭 가능한 드롭다운 메뉴를 만드는 코드입니다. − 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .menu-btn { background-color: #7e32d4; color: white; &nbs
ID는 문서에서 고유해야 합니다. − var option_avail = $('input[name=option_avail]:checked', '#controls').val() <label class="btn btn-primary active"> <input type="radio" class="form-control" name="option_avail" value="Option_one&qu
다음은 특별히 CSS와 Javascript를 사용하여 스마트폰 및 태블릿 화면 크기에 대한 상위 탐색 메뉴를 생성하는 코드입니다. - 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>D
다음은 CSS 및 JavaScript를 사용하여 커튼 탐색 메뉴를 만드는 코드입니다. − 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <
다음은 CSS와 JavaScript를 사용하여 접을 수 있는 사이드바 메뉴를 만드는 코드입니다. - 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title&g
다음은 접을 수 있는 사이드 패널 메뉴를 만드는 코드입니다 - 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .sid
다음은 CSS와 JavaScript를 사용하여 반응형 모달 이미지를 만드는 코드입니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> *{ box-sizing: border-box; } h1{ text-align: center; } .ImgThum
다음은 CSS 및 JavaScript를 사용하여 모달 이미지 갤러리를 만드는 코드입니다. − 예시 <!DOCTYPE html> <html> <head< <meta name="viewport" content="width=device-width, initial-scale=1" /< <style> * { box-sizing: border-box; } h1 { text-align: center; } .Im
CSS 및 JavaScript로 탭을 생성하려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>> .tab { overflow: hidden; border: 2px solid gray; backgr
CSS와 JavaScript를 사용하여 세로 탭 메뉴를 만들려면 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box } .tab { float: left;
CSS 및 JavaScript로 탭 헤더를 생성하려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .tablink { background-color: black; color: white; float:
CSS 및 JavaScript로 마우스를 가져갈 때 탭을 변경하려면 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box} .tab { float: left; border: 1px s
다음은 내부에 로그인 양식이 있는 반응형 탐색 메뉴를 만드는 코드입니다. − 예시 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { &n
다음은 전체 화면 오버레이 탐색 메뉴를 만드는 코드입니다 - 예시 문서.sideNav { 높이:100vh; 너비:0; 위치:고정; z-인덱스:1; 상단:0; 왼쪽:0; 배경색:rgb(46, 218, 195); overflow-x:숨김; 패딩 상단:60px; 전환:0.5s;}.sideNav a { 패딩:8px 8px 8px 32px; 텍스트 장식:없음; 글꼴 크기:25px; 색상:#000000; 글꼴 패밀리:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; 디스플레이:블록; 전환:0.3s;}.side