#1 nav bar 만들기(메뉴 만들기),마우스 커서에 반응 ㉠ 작업하는 폴더에서 css폴더를 만든이후 style.css작성 마우스 커서에 반응 할수 있도록 :hover 사용 *{margin: 0px; padding: 0px;} nav{ text-align: center; background-color: tomato; } nav ul{ display: inline-block; list-style-type: none; } nav ul .list{ float: left; } nav ul .list a{ padding: 5px; font-weight:700; font-size: 20px; color:white; text-decoration: none; } .dropdown{ display:none; width..

#회원가입 화면 만들기# 1) style.css파일을 만들지 않고 방법DOCTYPE html> Document .wrapper{ width:800px; margin: 0 auto; } .tableTr{ background-color: blanchedalmond; } 아이디 이름 주민번호 이메일 집전화 -- 휴대전화 -- 주소검색 (주소입력 : 송파동,당산동..) 주소 송파동 송파동 상세주소 학력 중졸 고졸 학사 홍보매체 어떻게 알게 되었나요? 인터넷 신문 메일수신 KH정보교육원에서 제공하는 정보메일 수신에 동의합니다. 교육장소 선택하세요 서울 부산 비밀번호 확인 function send1() { alert("사용해도 좋습니다.") } function send2() { alert("주소 검색") } 2) ..

#1 메뉴 디자인하기DOCTYPE html> 메뉴 만들기 *{margin: 0; padding: 0;} nav ul{ list-style-type: none; } nav ul .list{ /* display: table-cell; */ /* display: inline-block; */ float: left; } nav ul .list a{ padding:0 10px; text-decoration: none; color: brown; } nav ul::after{ content: ""; clear: both; display: block; } .dropdown{ display: none; } /* .class:hover .class/child{diplay:block;}→ 마우스가 근접했을 때 반응하게 만들..

#1 Merterial 디자인(외부링크에서 가져오기)DOCTYPE html> Merterial 디자인 cloud_queue #2 체크리스트 내용 전송하기DOCTYPE html> 체크 박스 먹고 싶은 것 모두 체크하세요. 짜장면 짬뽕 탕수육 ▼체크한 내용을 전송을 클릭시 전송 ▼ #3 라디오에 이미지 삽입하기( 한 항목만 체크 가능하게)DOCTYPE html> 라디오 버튼 짜장면 짬뽕 탕수육 #4 달력만들기 DOCTYPE html> 달력 만들기

#1 로그인 폼만들기(1)DOCTYPE html> form ID : PW : EMAIL : #2 로그인 폼만들기(2)DOCTYPE html> form ID : PW : EMAIL : 노래 김건모 #3 텍스트 입력창DOCTYPE html> 텍스트 입력창 자기소개서 작성 이름 : 암호 : 자소서 : 이곳에 자기 소개서 작성 #4 자동 완성 폼만들기DOCTYPE html> 자동완성 폼만들기 나라 : 가나 스위스 브라질 과일 : 바나나 사과 딸기 #5 버튼 만들기, console.log이용DOCTYPE html> 버튼 만들기 버튼 function send1(){ alert("input버튼") console.log("send1 호출됨") } function send2(){ alert("버튼") console.lo..

* .vscode 설정후 Ctrl + Shift + B 실행하기 F1을 클릭 후 아래 그림을 클릭tasks.json 파일생성{ "version": "2.0.0", "tasks": [ { "taskName": "chrome", "type": "process", "command": "chrome.exe", "windows": { "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe" }, "args": [ "${file}" ], "problemMatcher": [], "group": { "kind": "build", "isDefault": true } } ]}