HTML, CSS, JS 이론 기초
HTML은 뼈대, CSS는 장식, 꾸밈이고, JS는 구동과 동작이다.
HTML
- Hyper Text Markup Language(하이퍼 텍스트 마크업 언어)
- 프로그래밍 언어가 아니다.
- HTML은 태그들로 구성되어 있고, CS나 자바스크립트를 불러와 사용한다.
CSS
- Cascading Style Sheets
- 같은 문서 구조로도 전혀 다른 결과물을 만들어 낼 수 있다.
- 프로그래밍 언어도, 마크업 언어도 아니다. (스타일을 담당하는 스타일 언어)
- 전체 레이아웃이나, 애니매이션을 추가해서 움직임을 추가할 수 있다.
- 상속이 가능하여, 상위요소는 하위요소에도 영향을 미친다.
JS
- 모든 웹브라우저가 해석할 수 있는 프로그래밍 언어
- 정적인 웹문서에 동적인 생명을 불어넣는 역할
- 자바와는 다른 언어이다.
ES6
- ECMAScript
- 표준을 관리하는 비영리 기구
- ECMA International이 제정하는 표준 명세
- 6은 버전을 뜻한다.
- ECMA International이 제정한 표준
Vanilla Javascript
- 라이브러리, 프레음워크를 사용하지 않는 순수 JavaScript
기본적인 HTML문서
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>CSS파일을 넣은 HTML문서
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./first.css">
</head>
<body>
</body>
</html>body {
color: red;
}HTML에서 태그는 외부 리소스에 연결을 제공하며, 주로 스타일시트(CSS 파일)를 HTML 문서에 연결하는 데 사용된다. 태그는 요소 안에 위치해야 한다.
rel 속성은 현재 문서와 연결된 문서 간의 관계를 정의한다. 이 값은 콘텐츠 형식과 함께 해석된다. 여기서 rel="stylesheet"은 연결된 문서가 스타일시트임을 나타낸다.
href 속성은 연결된 리소스의 위치를 나타낸다. 여기서 href="./first.css"는 현재 HTML 파일이 위치한 같은 디렉토리에 first.css라는 이름의 CSS 파일이 있음을 가리킨다.
따라서, 이 HTML 코드는 first.css라는 외부 CSS 파일을 불러오기 위한 것이다. 이 CSS 파일은 HTML 페이지의 모양과 레이아웃을 제어하는 스타일 규칙을 포함하고 있다.
신입사원...