반응형
HTML, CSS, JS의 개요
HTML
- HTML (Hypertext Markup Language)는 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다.
- HTML은 elements로 구성되어 있다.
- elements들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 한다.
- tags 는 웹 상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 한다.
- 웹사이트의 구조를 담당한다.
<!-- HTML 문서의 선언이며, 버전 5를 나타낸다. --> <!DOCTYPE html> <!-- lang 속성 웹 접근성에 관한 명시이다. --> <html lang="ko"> <!-- 이 요소는 전체 페이지의 콘텐츠를 포함하며, 기본 요소로도 알려져 있다. --> <html> <head> <!-- <meta>는 head 태그에 정보를 추가하기 위한 태그이다. charset 속성은 문자를 인코딩시에 문자코드를 설정하는 역할을 지정한다. --> <meta charset="UTF-8"> <!-- 이 요소를 사용하면 페이지 제목이 설정되며 페이지가 로드되는 브라우저 탭에 표시되는 제목으로 사용된다. --> <title>My test page</title> </head> <!-- 여기에는 페이지에 표시되는 모든 콘텐츠가 포함된다. --> <body> hello world! </body> </html>
CSS
- CSS(Cascading Style Sheets)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 스타일 시트 언어이다.
- CSS는 요소가 다른 매체 상에 어떻게 렌더링되어야 하는지 지정한다.
- 웹의 시각적인 표현을 담당한다.
JS (JavaScript)
- JavaScript는 동적 언어이다.
- Java 및 C 언어를 기반으로한다.
- JavaScript는 클래스 대신 객체 프로토 타입을 사용하여 객체 지향 프로그래밍을 지원한다.
- 웹의 동적 처리를 담당한다.
출처
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
반응형
'기타' 카테고리의 다른 글
| 순수 함수란? (0) | 2022.05.23 |
|---|---|
| windows에서 개인 pem키를 ppk키로 변환하는 방법 (0) | 2022.05.08 |
| [Backend-Roadmap] 호스팅(Hosting)이란? (0) | 2022.05.02 |
| [Backend-Roadmap] DNS의 동작 원리 (0) | 2022.05.02 |
| [Backend-Roadmap] 브라우저의 동작방식 (0) | 2022.05.02 |
반응형
HTML, CSS, JS의 개요
HTML
- HTML (Hypertext Markup Language)는 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다.
- HTML은 elements로 구성되어 있다.
- elements들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 한다.
- tags 는 웹 상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 한다.
- 웹사이트의 구조를 담당한다.
<!-- HTML 문서의 선언이며, 버전 5를 나타낸다. --> <!DOCTYPE html> <!-- lang 속성 웹 접근성에 관한 명시이다. --> <html lang="ko"> <!-- 이 요소는 전체 페이지의 콘텐츠를 포함하며, 기본 요소로도 알려져 있다. --> <html> <head> <!-- <meta>는 head 태그에 정보를 추가하기 위한 태그이다. charset 속성은 문자를 인코딩시에 문자코드를 설정하는 역할을 지정한다. --> <meta charset="UTF-8"> <!-- 이 요소를 사용하면 페이지 제목이 설정되며 페이지가 로드되는 브라우저 탭에 표시되는 제목으로 사용된다. --> <title>My test page</title> </head> <!-- 여기에는 페이지에 표시되는 모든 콘텐츠가 포함된다. --> <body> hello world! </body> </html>
CSS
- CSS(Cascading Style Sheets)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 스타일 시트 언어이다.
- CSS는 요소가 다른 매체 상에 어떻게 렌더링되어야 하는지 지정한다.
- 웹의 시각적인 표현을 담당한다.
JS (JavaScript)
- JavaScript는 동적 언어이다.
- Java 및 C 언어를 기반으로한다.
- JavaScript는 클래스 대신 객체 프로토 타입을 사용하여 객체 지향 프로그래밍을 지원한다.
- 웹의 동적 처리를 담당한다.
출처
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
반응형
'기타' 카테고리의 다른 글
| 순수 함수란? (0) | 2022.05.23 |
|---|---|
| windows에서 개인 pem키를 ppk키로 변환하는 방법 (0) | 2022.05.08 |
| [Backend-Roadmap] 호스팅(Hosting)이란? (0) | 2022.05.02 |
| [Backend-Roadmap] DNS의 동작 원리 (0) | 2022.05.02 |
| [Backend-Roadmap] 브라우저의 동작방식 (0) | 2022.05.02 |
