HTML2 DOM (HTML 구조 접근) DOM (Document Object Model) JavaScript를 이용해서 엘리먼트의 속성값을 얻어내거나, 변경하는 방법 ``` 값이 들어있습니다 자식이 들어있습니다 자식이 여럿 들어있습니다 ``` 속성 속성에 대한 값 태그 이름 div id security class info, blue 안쪽에 담긴 내용 값이 들어있습니다 자식이 들어있습니다 자식이 여럿 들어있습니다 부모 엘리먼트 body 자식 엘리먼트 span, span 자료출처 : 코드스테이츠 HTML 문서의 구조와 관계를 객체(Object)로 표현한 모델 트리 구조 HTML 문서도, JavaScript 객체도 둘 다 트리 구조 document라는 전역변수로 접근이 가능 속성 속성 이름 태그 이름 tagName id id class 목록 cla.. 2020. 7. 6. HTML HTML 이란? (Hyper Texet Markup Language) HTML 트리 구조 웹 페이지의 틀을 만드는 언어 HTML document Default Tag : html 문서 시작 : html 시작 태그, 문서 전체의 틀을 구성 : head 태그는 문서의 메타데이터를 선언 : 문서의 제목, 브라우저 상단에 출력 : body 태그는 문서의 내용을 담는 곳 HTML meta Tag HTML Self-Closing Tag HTML Most Used Tags In Html : Division (레이아웃) : Span (일부분 스타일 적용) : Image (이미지 링크) : Link (주소 링크) : Unordered List (정렬되지 않은 목록) : List Item (목록의 항목) : Ordered.. 2020. 6. 30. 이전 1 다음