퍼블리싱
-
HTML 자식요소와 부모요소 등의 DOM(문서객체모델)퍼블리싱/공통 2020. 7. 29. 00:51
DOM(Document Object Model)은 문서객체모델이라고 한다. 문서객체모델은 HTML 문서의 구조화를 위해 필요한 개념이다. 이는 css, javascript, jQuery에서 각 요소(태그)들을 찾아서 선택할 수 있다. DOM모델은 각 요소들의 관계를 파악하는데 도움이 되며, 보다 복합적인 구성 및 지정을 할 수 있다. 요소 사이의 관계는 부모-자식관계, 형제관계, 상위요소, 하위요소 등이 있다. 이들이 개념은 DOM, 문서객체모델이라고 한다. A heading Link text DOM으로 요소관계 파악하기 위의 소스 코드를 예시로 DOM의 간단한 관계를 설명할 수 있다. 그 기준을 H1태그를 예시로 하면 아래와 같은 관계가 형성된다. 부모요소 h1의 부모는 body 태그이다. 부모요소는 ..
-
웹페이지를 만드는 언어, HTML과 CSS, Javascript의 기본내용퍼블리싱/공통 2020. 7. 13. 00:44
웹페이지를 만들기 위해 HTML 언어를 이용해야 한다. 웹페이지를 보다 동적이고 전문적인 페이지를 위해 CSS, Javascript, php, jsp 등도 필요하다. 하지만 이를 활용하기 전에 기본적으로 HTML의 이해가 필요하다. HTML은 HyperText Markup Language의 약자로서, 웹페이지 사이를 이동할 수 있는 링크와 웹페이지를 구성하는 요소들의 배치를 하는 마크업하는 문서다. 여기서 하이퍼텍스트 즉 링크는 A페이지에 있는 버튼을 클릭하면 B페이지로 이동할 수 있는 기능을 한다. 한번의 클릭으로 B페이지의 내용을 확인할 수 있다. 하나의 웹페이지에 모든 내용을 담을 수 없기 때문에 웹페이지 사이의 이동은 필수다. 또한 하나의 페이지에 모든 내용을 담는 원페이지 템플릿에서도 링크의 역..