머리가 나뻐서 삽질 SAP(Study And Programming)

HTML문서 사이 CSS문서 @charset "utf-8"; PHP문서 XML문서

IE에서 호환성보기를 클릭하면 IE7버전으로 동작한다. html에 들어간 기술들이 이전버전의 메서드나 기능들을 지원하지 않을경우 ex) addEventListener, requestAnimationFrame.. etc.. 호환성보기 버튼을제거하고 + 사용자의 최대 브라우전 버전으로 렌더링 할 수 있는 방법이 있다. 사용전) 사용후) 소스코드) 소스적용) 1 2 3 4 5 6 7 8 9 10 11 5번 : 메타태그 적용 모습 IE에서 특정버전으로 렌더링하기 소스코드) 소스적용) 1 2 3 4 5 6 7 8 9 10 11 5번 : 해당 버전에 맞는 버전으로 렌더링된다.

태그는 앵커(anchor)를 정의하며 앵커는 href 속성을 사용하여 다른 문서로의 링크를 생성하거나 name 속성을 사용하여 그 문서 내의 북마크를 생성하는 두 가지 방법으로 사용되어 진다. a 요소의 가장 중요한 속성은 href 속성이며 이것은 링크되어질 문서를 나타낸다. 기본적으로 브라우저는 모두 동일한 규칙으로 다음과 같이 a 태그를 랜더링한다. 1.방문하지 않은 링크는 파란색 밑줄(underline) 2.방문한 링크는 보라색 밑줄(underline) 3.활성화된 링크는 빨간색 밑줄(underline) 속성 charset 링크된 문서의 문자셋을 정의 coords 링크의 좌표를 지정 href 링크의 목적지를 지정 hreflang 링크된 문서의 언어를 지정 name a 태그의 이름을 지정 rel 현재..

TOPMARGIN="수치" - 상단 여백 LEFTMARGIN="수치" - 왼쪽 여백 BACKGROUND="주소" - 배경 이미지 BACKCOLOR="색상" - 배경 색상 TEXT="색상" - 글자 색상 LINK="색상" - 하이퍼링크 색상 ALINK="색상" - 링크 클릭 시의 색상 VLINK="색상" - 이미 방문한 링크의 색상 문서 전체 적용 SIZE="수치" - 글자 크기 숫자가 클수록 커짐(1~7), 기본 3 COLOR="색상" - 글자 색상 FACE="글꼴" - 글꼴 ','로 여러가지 지정가능 줄바꿈 태그 CLEAR : 그림 출력후 문단의 시작지점 지정 단락 구분 태그 == ALIGN="center/left/right/justify" 입력한 형식을 그대로 출력 제목의 크기(숫자가 작을수록 커짐)..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 목록태그 하나 둘 셋 넷 결과)

id는 웹표준에서 중복지정을 허용하지 않음. 즉, 두개 이상의 앨리먼트에 같은 아이디 지정 불가. 반면에 클래스는 중복지정을 허용. id = 주로 레이아웃을 짤 때. class = 콘텐츠를 다룰 때 사용. 이렇게 공통적인 속성을 css로 정의해준뒤에, div태그안에서 class로 정의하여 사용. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 제이쿼리 css적용. 1 2 3 4 5 for(i=0; i

document.getElementsByTagName() : 이 함수는 인자에서 제공하는 것과 같은 태그를 가진 일련의 요소의 참조를 반환합니다. example) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 결과 : 4 실무) 1 2 3 console.log(document.getElementById("inputId").value); //500;

document.getElementById() : ID 접근 1 2 3 console.log(document.getElementById("inputId").value); //500;

DOM example DOM을 사용하여 전구이미지를 토글하여 바꾸는 예) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Click to turn on/off the light 결과) * match : http://msdn.microsoft.com/ko-kr/library/7df7sf4x(v=vs.94).aspx * source : http://www.w3schools.com/

The innerHTML Property The easiest way to get the content of an element is by using the innerHTML property. The innerHTML property is useful for getting or replacing the content of HTML elements. Example The following code gets the innerHTML from the element with id="intro": 1 2 3 4 5 6 7 8 9 10 11 12 Hello World! result) The nodeName Property The nodeName property specifies the name of a node. ..

document.getElementsByName() : Name으로 접근 1 2 3 console.log(document.getElementsByName("in")[0].name); //in

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Hello World! This example demonstrates the getElementById method! 결과) * source : http://www.w3schools.com/

HTML DOM Objects - Methods and Properties Some commonly used HTML DOM methods: getElementById(id) - get the node (element) with a specified id appendChild(node) - insert a new child node (element) removeChild(node) - remove a child node (element) Some commonly used HTML DOM properties: innerHTML - the text value of a node (element) parentNode - the parent node of a node (element) childNodes - th..

DOM 은 객체지향 모델로써 구조화된 문서를 표현하는 방식. - HTML을 위한 표준 객체 모델 - HTMl을 위한 표준 프로그래밍 인터페이스 - 플랫폼과 프로그래밍 언어에 독립적 - W3C 표준 DOM 단계 현행의 DOM 규격은 단계 2이다. 그러나 일부 단계 3 규격 역시 현재 W3C의 권고안이다. 단계 0 DOM이 만들어지기 이전의 모든 벤더 종속적인 DOM을 포함한다. 예: document.images, document.forms, document.layers, document.all. 그러나 이것은 W3C이 공식적으로 공개한 규격이 아니며, 표준화 이전에 있던 단계를 말한다. 단계 1 DOM 문서에 대한 탐색과 조정 단계 2 XML 명칭 공간(네임스페이스; namespace) 지원, 필터링된 뷰..

출처 : w3schools