Programing/HTML & CSS (3) 썸네일형 리스트형 [HTML] DOM - DOCUMENT OBJECT MODEL 출처 : 코드스테이츠 THE DOM IS... · HTML 문서의 구조적 관계와 속성에 대한 모델 · HTML 문서를 대표하는 트리 구조 · JavaScript에서 document 객체를 통해 전역으로 접근할 수 있음 THE DOM IS NOT... · JavaScript 언어의 한 부분 ANATOMY OF AN HTML ELEMENT Element는 Opening Tag와 Closing Tag를 다 포함한 것 사진출처 : MDN $0 선택했던 것에대한 정보가 나옴.. ? console.dir($0) 해보면 element에 내장된 속성을 객체로 볼 수 있음. 요소를 선택할때마다 $0이 바뀜 $0.parentElement / 현재 선택된 요소의 부모를 확인할 수 있음. $0.children / 현재 선택된.. [CSS] CSS & SELECTOR https://learn.shayhowe.com/html-css/HTML과 CSS에 대한 기초 자료입니다. HTML, CSS에 대한 기초 지식이 없거나, 이미 알더라도 빠르게 다시 복습할 수 있는 자료입니다. 출처 : 코드스테이츠관련문서 : WHAT IS HTML 복습차원에서 올리는 글입니다. WHAT IS CSS?· Cascading Style Sheets의 약자· 웹 페이지 구성요소의 스타일을 정의하는 언어 HTML EXAMPLE· 로고, 검색창, 버튼이 중앙에 위치하고, 그 외의 기능이 우측 상단에 위치· 웹 페이지의 요소(element)들을 구성하는 역할 CSS EXAMPLE· 로고, 검색창, 버튼이 중앙에 위치하고, 그 외의 기능이 우측 상단에 위치 · 검색창의 너비 · 버튼의 크기 · 구성요소.. [HTML] WHAT IS HTML https://learn.shayhowe.com/html-css/HTML과 CSS에 대한 기초 자료입니다. HTML, CSS에 대한 기초 지식이 없거나, 이미 알더라도 빠르게 다시 복습할 수 있는 자료입니다. 출처 : 코드스테이츠관련문서 : CSS & SELECTOR 복습차원에서 올리는 글입니다. WHAT IS HTML?· HyperText Markup Language의 약자· 웹 페이지의 틀을 만드는 마크업 언어 HOW TO USE HTML?· HTML은 tag들의 집합· Tag: 부등호()로 묶인 HTML의 기본 구성 요소 123456789101112 Page title Hello world Contents here Here too! cs · html 확장자 사용비주얼스튜디오에서 html을 입력.. 이전 1 다음
