HTML(Hyper Text Markup Language)이란?
1) Hyper Text 뜻
-
문서를 연결해주는 링크
-
현재 문서(페이지)에서 다른 문서(페이지)로 이동할 수 있는 텍스트를 말함
-
우리가 '링크(Link)'라고 알고 있는 내용들이 Hyper Text
2) Markup Language 뜻
-
표시되는 형식과 규칙을 정의한 언어
-
문서가 화면에 표시되는 형식을 나타내거나 태그를 이용해서 데이터의 논리적 구조를 명시하기 위한 규칙들을 정의한 언어의 일종
3) HTML 뜻
-
웹 페이지와 그 내용을 구조화하기 위해 사용하는 언어
-
페이지 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당
2. 노드(Node)란?
1) 노드(Node)란?
-
HTML DOM은 노드라고 불리는 계층적 단위에 정보를 저장
-
HTML DOM은 이런 노드들을 정의하고 노드들 사이의 관계를 설명해주는 역할
-
HTML 문서의 정보는 노드 트리(Node Tree)라는 구조에 저장
-
노드 트리(Node Tree)는 노드들의 집합이며, 노드간의 관계를 보여줌
2) 노드(Node)의 종류
(1) 문서 노드(Document Node)
-
HTML 문서의 최상위 노드로, HTML 문서 전체를 나타냄
-
HTML 문서는 하나의 문서 노드를 가지며, 모든 다른 요소들은 이 문서 노드의 자식으로 구성됨
(2)요소 노드(Element Node)
- 모든 HTML 요소는 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드
(3)속성 노드(Attribute Node)
-
HTML 요소의 속성을 나타냄
-
속성은 요소에 추가 정보를 제공, 속성 노드는 요소 노드의 일부로 포함됨
(4)텍스트 노드(Text Node)
-
HTML 문서의 텍스트를 나타냄
-
텍스트 노드는 요소 노드의 자식으로 포함될 수 있으며, 텍스트 내용을 표시
(5)주석 노드(Comment Node)
- HTML 문서의 모든 주석은 주석 노드
CSS(Cascading Stylesheet)란?
1) Cascading 뜻
- '폭포같은', '계속되는', '연속적인'이라는 의미를 가진 단어
위에서부터 아래로 내려가며 이어진다는 의미
2) CSS 뜻
-
HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어
-
HTML이 문서의 뼈대를 만든다면, CSS는 뼈대에 살을 붙이는 것
-
글꼴이나 배경색, 너비와 높이, 위치 등을 지정할 수 있음
