728x90 문서3 HTML 노드의 종류(웹퍼블리싱/프론트엔드/html/css/javascript/기초) HTML DOM은 노드(Node)라고 불리는 계층적 단위에 정보를 저장하고 있음. HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해주는 역할을 함. 노드의 종류 노드 설명 문서 노드(document node) HTML 문서 전체를 나타내는 노드 요소 노드(element node) 모든 HTML 요소는 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드임. 속성 노드(attribute node) 모든 HTML 요소의 속성은 속성 노드이며, 요소 노드의 관한 정보를 가지고 있음. 하지만 해당 요소 노드의 자식 노드(child node)에는 포함되지 않음. 텍스트 노드(text node) HTML 문서의 모든 텍스트는 텍스트 노드임. 주석 노드(comment node) HTML 문서의.. 2022. 7. 12. html 문서 만들어보기(웹퍼블리싱/프론트엔드/html/css/javascript/기초) 1. 에디터를 실행하여 새파일을 만든다. - File > New File 새파일을 만들면, 다음과 같이 'Untitiled'라는 이름의 새 탭이 생성됨. 2. 생성된 Untitled 문서를 저장한다. - File > Save (또는 Ctrl + S / Cmd + S) - 저장시 파일 경로는 개인이 편한 곳으로 설정. - 파일명 기재시 확장자 명을 html로 적어줘야 함.(예 : test.html) - 나는 임의로 test라는 폴더를 생성 후 그 폴더 안에 test1.html 파일로 저장을 했음. 3. 에디터를 통해 test1.html 문서를 작성한다. - 참고로 저장한 test1.html 파일을 더블클릭 하여 열어보면 브라우저 창이 뜨는데 아무것도 보이지 않을 것이다. (해당 문서에 아무것도 작성하지.. 2020. 7. 22. HTML과 CSS HTML(Hyper Text Markup Language) Hyper Text => 다른 곳으로 연결할 수 있는 기능을 가진 멋진 텍스트 Markup Language => 마크(표기)된 언어 기본적으로 HTML은 문서라고 생각할 수 있다. 이후 HTML의 태그들을 공부하다 보면 알게되겠지만 의 헤딩태그, 문단태그, 줄바꿈 등 문서를 이루는 기본 형태를 표기할 수 있는 태그들로 구성되어있다. 우리가 흔히 오프라인인 책에서 문서를 구성한다면, 온라인에서는 HTML로 문서를 구성한다고 보면된다. 그런데 굳이 저런 태그들을 쓰는 이유는, 컴퓨터가 이해할 수 있도록 사용하기 위해서이다. 인간은 시각적으로 문서의 구조를 보고 구성이 어떻게 되어있는지, 어디가 제목이고 어디가 본문인지를 쉽게 알아 챌 수 있다. .. 2020. 6. 3. 이전 1 다음 728x90
