전체 글 71

0704 JavaScript 정리

윈도우 영역 : 주소창(히스토리 영역)을 포함한 모든 영역 도큐먼트 영역 : 내부 흰색 페이지 로드를 하게되면 각각의 객체가 자동으로 만들어 진다. 팝업창: 안녕하세요 window의 open 메소드를 이용해 또다른 window창을 하나 더 연다. 주소 이름 설정 순이다. //setInterval(해야할일, 시간); //1000= 1초 설정한 시간 간격마다 반복해서 해야할 일을 실행 //setTimeout(해야할일, 시간) 뒤의 설정한 시간이 지나면 해야할 일을 딱 한번만 실행한다. window.onload = function(){ var time=setInterval(function() { now=new Date(); hour=now.getHours(); if(hour>=12) clock="오후 "+(h..

0630 JavaScript Start!

HTML 파일에 작성하며 바디/헤드 태그 안쪽에 사이에 작성한다. 모든 데이터 값의 변수 선언은 var로 통일된다.(자바의 int,String 등등) System.out.println의 기능은 document.write로 구현되며 웹사이트에 나온다. 주로 html 태그 내의 유효성 검사시에 사용한다.(로그인 등) 프롬프트 자바 스크립트 내에 있는 메소드로 입력을 받을 수 있다. 확인 클릭 : 입력한 값이 변수에 들어온다. 취소 클릭 : null이 변수에 들어온다. 자바 주석 : // 또는 /* */ 오라클 주석 : -- HTML 주석 : CSS 주석 : /* */ JavaScript 주석 : // 또는 /* */ confirm() 확인/취소만 선택 가능하고 불리언 타입으로 리턴한다. 대화상자 : aler..

0630 HTML /CSS

vendor prefix chrome,Safari : -webkit- Firefox:-moz- 미디어 쿼리 각각의 화면 크기에 맞게 다른 사진 혹은 같은 사진의 다른 사이즈가 나오게끔 하는 문장 @media only screen and (min-width: 320px) and (max-width: 799px){ h1{ background: url(../images/1.png) no-repeat center top; height : 295px; } } @media only screen and (min-width: 800px) and (max-width: 1024px){ h1{ background: url(../images/2.png) no-repeat center top; height : 510px; } ..

Develop/HTML CSS 2022.07.04

0629 HTML /CSS

Table border : 경계선 bordercolor : 경계선의 색 cellsapcing: 칸 바깥쪽의 공간 cellpadding: 칸 안쪽의 공간 bgcolor: 배경색 align: 정렬 background:배경 가 나 다 라 마 바 tr : 줄 td : 칸 배경색은 지정 컬러가 아닌 RGB의 각각의 값을 16진수로 변환하여 색을 직접 설정 할 수 있다. 앞에 #을 붙여야 한다. 내부 브라우저와 외부 브라우저 변경 방법 Window-Web Browser- 선택 rowspan: 위아래 칸 합치기 colspan: 양옆 칸 합치기 tr에서의 align : 글자의 위치를 가로세로로 정렬 valign : 위아래로 정렬 CSS Cascading Style Sheet : 연속적인 스타일 시트 인라인 스타일 방식..

Develop/HTML CSS 2022.06.29