기록하는 노트

1. dropdown Home Service HTML5 CSS3 About Contact 2. dropdown(2) Home Service HTML5 CSS3 Menu1 Menu2 SubMenu About Contact 3. dropdown.css /* 상단메뉴 스타일파일 중첩된 태그를 스타일 적용시키는 방법 1) 부모태그 > 자식태그 => 부모태크 바로 밑에 있는 자식태그가 스타일 적용대상자 2) 부모태크 자식태크 => 부모태크 밑의 손자태크까지 적용 */ .dropdownmenu > li { float: left; /* 왼쪽 정렬 */ /* absolute: 좌표값이 정해져 있기 때문에 메뉴가 겹쳐서 출력 */ position: relative; /*어느 특정한 항목을 기준으로 이용해서 상대적으로 배..

1. Toggle 버튼을 눌러주세요 2. 이벤트처리(회원가입) 이름: 전번: 암호: 3. 배열(Array)의 개요 및 작성법 4. Radio 맘에 드시는 그림을 선택하세요 1. 2. 3. 5. CheckBox 맘에 드시는 그림을 선택하세요 1. 2. 3. 6. select 글자색 변경하기 원하시는 색상을 선택하시면 글자의 색깔,배경색이 변경됩니다. 파랑색 초록색 오렌지색 회색 7. DOM을 이용한 버튼을 동적으로 생성

1. 함수의 개요 및 작성, 종류 함수호출유형 연습 2. 내장함수(prompt,alert,if문) 3. 내장함수(confirm) 4. 다중 if문 5. 계산문제 국어: 영어: 수학: 6. 태그의 내용을 변경 자바스크립트의 변수,연산자,함수의 종류,제어문(if) DOM의 개요 및 활용법 7. 이벤트 정리 이벤트=>운영체제가 인식가능한 사용자들의 모든 행동(키보드,마우스)+스크린터치 이벤트 발생 대상자 종류 이벤트핸들러(EventHandler)->처리할 내용을 가진 함수 1. click 마우스 클릭 on+이벤트종류명->onclick=연결시킬 함수 2. load 제일먼저 문서(html)을 읽어들일때 ->onload="?" 3. unload ->현재 사이트->다른 사이트로 이동 ->onunload(IE 적용O,..

1. CSS3에서의 추가된 속성(1) CSS3에서 스타일을 적용시킬때 브라우저별로 적용이 안되는 경우 접두어 ->Chrome,Opera,Safari-> -webkit (ex -webkit-animation-duration:3s) FireFox -> -moz-속성명 IE기준 -> -ms-속성명 2. CSS3의 추가된 속성2(이미지의 크기)(2) CSS3는 배경이미지에 관련된 속성이 추가 배경이미지를 불러올때 크기를 지정해서 불러올 수있다. 3. CSS3에서의 추가속성(3)(Text-Shadow) Text Shadow CSS3에서는 text-shadow속성을 이용해서 문자에 그림자효과 부여 가능 그림자를 만들때 수평/수직위치,흐림정도,그림자 색상을 지정가능 4. 자바스크립트언어의 특징(1) 변수의 개요 및 ..

1. CSS선택자(클래스) DIV태그 DIV태그2 DIV태그3 서로 다른 여러개의 태그에 공통의 스타일을 적용 A태그(class=c)적용 i태그(class=c)적용 h1태그(class=c)적용 div태그(class=c)적용 span태그(class=c)적용 2. CSS의 id선택자 id값은 원칙적으로 유일한값이기때문에 중복을 허용X H1태그 H1태그(id=y) 적용 div태그 div태그(id=x) 적용 3. div,span태그의 차이점 div태그와 span태그의 차이점 div태그 연습입니다. div태그 연습2입니다. div태그 연습3입니다. span태그 연습입니다. span태그 연습2입니다. span태그 연습3입니다. 4. CSS의 BoxModel(여백,테두리) 테두리가 없는 경우 테두리가 있는 경우 5...

1. 테이블 태그 월 수 금 왼쪽 가운데 오른쪽 2. 테이블태그를 이용한 병합 참가자 목록 회원 성별 홍길동 남 테스트 35 웹프로그래밍을 하기위한 입력양식 이름: 암호: 메일: 남자 여자 취미바둑 음악 야구 취업희망: 웹프로그래머 빅데이터(파이썬) DB전문가 보안 전문가 ID: 암호: 메일: 웹주소: 원하는 날짜와 시간을 설정해 주세요 5. html5에서 추가된 속성(2) 원하는 주문갯수를 설정해주세요 원하는 색깔을 선택하세요 과목: 2 out of 10 60% 6. video,audio태그 7. CSS의 개요및 작성법 CSS의 개요 및 특징 스타일시트의 장점 용어정리 스타일:문서의 글꼴,크기,간격등의 출력형태(레이아웃)에 영향을 미치는 요소 스타일시트:스타일의 내용만을 별도로 모아서 head태그 영역..

Template=>이미 기본구조가 다 만들어져 있는 문서 내용 시작태그 종료태그 1. html문서 구조 및 내용 html5 문서의 특징 1. 태그내부에 또 다른 태그를 사용이 가능(중첩)이 가능하다. 2. 태그는 대소문자 구분하지 않는다. 3. 파일저장->~.htm or ~.html 4. 태그내부에 속성이 존재-> 태그의 자세한 설정을 필요로할때 사용된다. 5. html문서-> 이미지, 문자, 동영상, 음악파일 6. 글자가 기울어진 모양, 강조할 글자체는 밑줄 7. 글자의 모양, 크기, 색깔을 변경 2. 이미지 불러오기 이미지 불러오기 우체통(이미지에 대한 간단한 설명글) 네이버 다음 문서 내부에서의 특정위치로 이동 공부하시다가 문의가 있으면 저한테 메일 보내주세요 3. 목록보기(ul,li)태그 목록보기..