처음부터 차근차근

ajax를 이용해서 데이터를 불러온 다음 출력할려고 했는데 부분에서 이미지 로드가 안되고 계속 하얀 바탕이 나왔다. 그래서 코드를 계속해서 점검을 했는데 코드에는 이상이 없었고, 그렇게 며칠 동안 계속 해답을 못찾다가 구글링을 통해 이유를 찾게 되었다. 그 이유는 ajax를 사용하면 ajax 코드 안의 js가 실행이 되지 않는데, data-setbg가 js 코드라서 그랬던 것이었다. 그래서 data-setbg 코드 대신 css 코드를 사용해서 이 문제를 해결했다. 를 로 변경했다. 주의 : url()안에 이미지 경로를 ''나""로 감싸면 안된다. 이렇게 했더니 화면에 이미지가 잘 출력됬다. + background-image 설정(가장 많이 쓰는 것) background-size : 배경 이미지의 크기와 ..

HTML5에서 새롭게 추가된 기능으로, 슬라이드 바를 조정하여 범위 내의 숫자를 선택할 수 있는 입력 필드를 정의할 수 있다. defalut 범위 : 0 ~ 100 하지만 아래의 속성들을 사용하면 범위를 설정할 수 있다. - max : 요소의 최댓값을 명시함. - min : 요소의 최솟값을 명시함. - step : 요소에 입력할 수 있는 숫자들 사이의 간격을 명시함. - value : 요소의 초깃값을 명시함. 예시 볼륨 (0 ~ 70) 참고 : http://www.tcpschool.com/html-input-types/range

HTML이란, 웹 페이지를 만드는 데 사용하는 언어이다. 내용이 쉬워서 이해하기 쉽고, 초보자가 입문하기 좋다. HTML5 문서 구조 Hello~! HTML 구성 태그 : 내용(content) : 태그로 둘러쌓인 문자열 엘리먼트 : 태그 + 내용, html의 기본 구성 단위 속성 : , 엘리먼트의 상세한 표현 속성값 : 위의 코드에서 yellow html의 엘리먼트 안에 body의 엘리먼트가 있는 구조이다. 엔티티 코드(entity code) 특수 문자나 특수 기호를 웹문서에 표현할 때 사용하는 것 공백문자 인용부호(") " 앤퍼샌드(&) & ~보다 작은() > 저작권(©) © 빈 태그(empty tag) 속성과 속성값은 갖을 수 있지만 내용은 갖지 않는 태그 ex) ,, , , , tag 정리 글자 관..