반응형
Web페이지의 구성
Web 페이지는 다음 3가지로 구성되어있습니다.
- HTML
- CSS
- JavaScript
HTML 요소(HTML Element)
HTML을 이루는 개별적인 요소입니다.
HTML 요소가 합쳐져 하나의 HTML 파일로 구성되어있습니다.
아래 이미지에서 <html>, <head> 등과 같이 <>(꺽쇠)가 붙은 것들 각각을 HTML 요소라고 부릅니다.
참고: HTML 엘리먼트, HTML 요소, HTML Tag는 모두 같은말 입니다.
HTML
요소들의 내용, 배치, 모양을 정하기 위해 사용하는 언어입니다.
"웹의 골격" 이라고 표현 할 수 있습니다.
색상이나 디자인 등의 수정은 불가합니다.
참고: HTML은 프로그래밍 언어가 아닌 마크업 언어입니다.
CSS
요소들의 색상, 크기 등의 스타일을 설정할 수 있습니다.
"웹의 외모(외형)" 이라고 표현 할 수 있습니다.
JavaScript
웹 페이지 내부에서 발생하는 기능을 만들 수 있는 프로그래밍 언어입니다.
웹을 움직이게 하는 "웹의 근육" 이라고 표현 할 수 있습니다.
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[JS] console 객체 총 정리(+그림&코드) (0) | 2025.02.14 |
---|---|
[JS] Uncaught TypeError: Assignment to constant variable. 오류 해결 방법 (0) | 2025.02.14 |
[JS] Promise 동작 방식 : 아주 쉽게 그림으로 정리 (1) | 2024.10.21 |
[JS] Uncaught SyntaxError: Cannot use import statement outside a module 에러 해결 방법 (0) | 2024.07.10 |
[JS] JavaScript 스톱 워치 (+코드) (0) | 2023.10.25 |
댓글