지혜로운 코딩생활

js1/test2.html //변수 선언 var a=100; b=200; //연산 결과 창띄우기 alert(a+b); alert(a-b); alert(a*b); alert(a/b);

js1/test1.html //button1을 클릭하면 버튼클릭 창띄우기 //button2를 더블클릭하면 더블클릭 창 띄우기 //button3에 마우스 올리면 마우스오버 창 띄우기

css/test15.html 첫번째 내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1 두번째 내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2 세번째 내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3 css/test16.html 첫번째 내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1내용1 두번째 내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2내용2 세번째 내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3내용3 css/ex15.html 강아지 용품 준비하기 강아지 집 강아지가 편히 쉴 수 있는 포근한 집이 필요합니다. 강아지의 ..

박스 1 박스 2 박스 3 menu 1 menu 2 menu 3 menu 4 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알..

레드향 껍질에 붉은빛이 돌아 레드향이라 불린다 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다 레드향 껍질에 붉은빛이 돌아 레드향이라 불린다 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다 html css JAVASCRIPT 셀러드 채소를 씻어 물기 제거 먹기 좋은 크기로 썰어 둠 한꺼번에 갈아 줌 드레싱 뿌리면 끝 셀러드 채소를 씻어 물기 제거 먹기 좋은 크기로 썰어 둠 한꺼번에 갈아 줌 드레싱 뿌리면 끝 상품 구성 선물용과 가정용 상품 구성 용도중량갯수가격 선물용3kg11~16과35,000원 5kg18~26과52,000원 가정용3kg11~16과30,000원 5kg18~26과47,000원 레드향 껍질에 붉은빛이 돌아 레드향이라 불린다 비타..

탐라국 입춘굿 제주도의 문화축제 중에서 유일하게 탐라 시대부터 내려온 축제이다. 제주에서 입춘은 새철(제주어, 샛절) 드는 날이라 한다. 하늘의 1만8000신이 지상으로 내려와 새해 일들을 시작하는 때다. 회사 소개 도서 자료실 동영상 강의 2019 국민 독서실태 구분 성인 독서자 종이책 6.1권 11.8권 전자책 1.2권 7.1권 오디오북 0.2권 5.5권 레드향 껍질에 붉은빛이 돌아 레드향이라 불린다 비타민C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다 레드향 샐러드 레시피 재료: 레드향 1개, 아보카도 1개 셀러드 채소를 씻어 물기 제거 먹기 좋은 크기로 썰어 둠 한꺼번에 갈아 줌 드레싱 뿌리면 끝 상품 구성 선물용과 가정용 상품 구성 용도중량갯수가격 선물용3kg11~16..

모든 elements의 default는 static이다. blue yellow red순서로 박스를 이동시키는 방법 세로로 나열된 박스 가로로 이동하기 ⇒ display :inline-block

They do not block other elements from occuring on the same line. inline태그는 block태그와 다르게 높이와 너비가 글자수에 맞춰진다. block은 공간을 여유롭게 가진다 inline elements는 같은 줄에 나열된다.반면 block elements는 줄바꿈된다. **solution = display : inline-block를 사용하면 width도 적용된다 박스를 없애거나 사라지게 하는 방법 2가지 display:none/ visibility: hidden (박스가 사라지고 빈 공간이 남는지 안남는지의 차이가 있다) none을 적용하면 박스 자체가 사라지고 남은 자리는 여백이 채워진다. 반면 visibility: hidden은 박스가 사라지고 ..

-웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용 -웹 문서의 전체 레이아웃을 정의 -각종 요소들을 원하는 위치에 배치 padding -padding : 박스의 안쪽 여백 설정 -margin : 박스의 바깥쪽 여백 설정 여백은 pixel(px), point(pt), cm같은 수치단위로 지정 auto=여백을 웹브라우저가 자동 으로 지정, 기본값 border box-shadow position 정적 위치 설정( position : static ) -텍스트, 이미지, 표 등을 웹 문서의 흐름에 따라 배치하는 방법 -Block요소는 위에서 아래로 쌓이고, Inline요소는 같은 줄에 순서대로 배치 ex) positon : relative left : 왼쪽 창벽을 기준(윗 블록 기준x) top..

selector -선택한것을 디자인 class -디자인을 적용하기 위해 만든다 -여러군데 적용 가능 id -id는 하나만 존재, element의 고유한 이름 ex)기본키