JavaScript 기본 문법 script 태그는 위치는 상관없다. head 안, body 안 둘 다 가능하다. 배열 자바스크립트의 배열은 대괄호로 표현한다. 제이슨(JSON, JavaScript Object Notation) : 중괄호는 객체, 대괄호는 배열 (중요) var나 let 없이 실행이 가능하다. 자바 스크립트에서의 HTML 사용 아래 문법을 이용해 HTML 을 입력한다. document.write("내용"); ⬇️ 자세한 설명 [JavaScript] JavaScript에서의 HTML 사용 JavaScript 에서의 HTML 사용 HTML 문서에 출력하는 메서드이다. document.write("내용"); JavaScript 와 HTML 실행 JS에서 정의한 값을 메서드 문법을 사용해 불러오면..
JavaScript 에서의 HTML 사용 HTML 문서에 출력하는 메서드이다. document.write("내용"); JavaScript 와 HTML 실행 JS에서 정의한 값을 메서드 문법을 사용해 불러오면 다음과 같은 결과를 볼 수 있다.
dotted 테두리가 점으로 이루어진 스타일이다. #d1 {border-style: dotted;} dashed 테두리가 짧은 선으로 이루어진 스타일이다. #d2 {border-style: dashed;} solid 테두리가 두꺼운 선으로 이루어진 스타일이다. #d3 {border-style: solid;} double 두개의 얇은 선으로 이루어진 스타일이다. #d4 {border-style: double;} groove 일반 선으로 이루어진 스타일이다. #d5 {border-style: groove;} ridge 입체감 있는 선으로 이루어진 스타일이다. #d6 {border-style: ridge;} inset 왼쪽과 상단에 음영이 들어간 음각 모양으로 이루어진 스타일이다. #d7 {border-sty..
기본 배경 #b1{ background-color:lavender; } 배경 반복 이미지는 작은 이미지를 넣어야 반복된다. (아래에 이미지 공유) #b2{ background-image:url("../img/star.png") } X축만 반복 #b3{ background-image:url("../img/star.png"); background-repeat: repeat-x; } Y축만 반복 #b4{ background-image:url("../img/star.png"); background-repeat: repeat-y; } 반복 없이 위치 지정 #b5{ background-image:url("../img/star.png"); background-repeat:no-repeat; background-pos..
div div 는 영역을 설정하는 코드이다. 앞서 간략히 설명했던 div 기능에 대해 자세하게 설명해보겠다. [HTML] HTML 기본기능, 영역 설정 줄이 분리된다. 줄이 바뀌며 고유한 본인의 영역이 생긴다. 가나다 라마바 이전 내용의 바로 옆에 출력된다. 앞에 연결이 되어야하기 때문에 스타일이 적용되지 않는다. abc def skylarcoding.tistory.com 1. static div 영역들을 순서대로 배치한다. 2. relative 상대 위치이다. 기준점 (앞요소) 으로부터 위에서. 왼쪽으로 얼만큼 떨어진 위치로 설정한다. #div2{ width:100px; height:100px; background-color:papayawhip; /* top, left : 얼만큼 떨어진 건지 지정 */..
