HTML (2) 썸네일형 리스트형 DOM(Document Object Model)의 구조 자바스크립트 DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다. 즉, JavaScript를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. 그렇다면 HTML에서 JS는 어떻게 실행 될까? 웹 브라우저가 작성된 코드를 해석하는 과정에서 요소를 만나면, 웹 브라우저는 HTML 해석을 잠시 멈춘다. HTML 해석을 잠시 멈춘 웹 브라우저는 요소를 먼저 실행한다. 요소는 등장과 함께 실행된다는 사실! 자바스크립트에서 DOM은 documnet 객체에 구현되어 있다. 브라우저에서 작동되는 자바스크립트 코드에서는, 어디에서나 documnet 객체를 조회할 수 있다. consol.. 자주 보이는 HTML 요소 HTML은? 웹 브라우저에서 뼈대를 생성하는 Markup 언어 Tree 구조 부모 태그 자식 태그가 있음 Tag Description Divisioin; 한줄을 차지 Span; 컨텐츠 크기만큼 공간을 차지한다 Image; 이미지 삽입 Link; 링크태그, 새창에서 열리게 하려면? target = “” 사용 & Unordered List & List Item; ul > li, ol은 넘버링 됨 Input(text,radio, Checkbox ...); 다양한 입력 폼 Multi-line Text Input; Input과 다르게 textbox안에서 줄바꿈 가능, 닫는 태그가 있음 Button; 버튼 태그 // input 태그 예시 // textbox를 생성한다. // passwordbox를 생성한다. che.. 이전 1 다음
