[html/css] HTML, CSS, JS 란?

💻 Dev/🪄 웹 (web)

[html/css] HTML, CSS, JS 란?

Gamddalki 2021. 8. 1. 20:45

HTML: HyperText Markup Language

웹브라우저에게 보여주는 contents와 links의 모음. 아래와 같은 구조다.

<태그> 내용 </태그>

<!DOCTYPE html>  //필수, HTML파일임을 나타냄.

<html>

<head>

<title>와랄롤</title>

<link rel="shortcut icon" sizes="32x32" href="아이콘이미지주소"/>

<meta charset="utf-8"/>  //필수, 한글 글자 깨지는 것 방지.

</head> // 설정부분, 검색엔진을 위해 작성, invisible.

<body>

</body> // visible.

</html>

CSS: Cascading Style Sheets

HTML의 디자인을 담당하는 것으로, HTML과 함께 사용해야한다.

cascading, 즉 위에서 아래의 순서대로 적용이 된다. 코드의 순서가 영향을 미친다는 말!

1) inline으로 HTML내에 작성하기

<style> CSS코드 </style>

2) external로 작성하기

- 이 방법을 추천한다 (1번은 html 코드 파일이 너무 길어지기 때문!)

<link href="파일명" rel="stylesheet"/>

CSS파일은 아래와 같은 구조다.

selector {
attribute: value;
}

+) HTML과 CSS는 프로그래밍 언어가 아니다!! JS는 프로그래밍 언어임.

JS: Java Script

유튜브 사이트처럼 동적인 것을 보여주어야 할 때 사용되는 프로그래밍 언어다.

+) 주의할 점 : 브라우저는 작성한 내용을 어떻게든 보여주고자 한다. 즉, 에러가 있어도 알려주지 않고 어떻게든 작동한다는 말이다.

+) 코드는 sementic, 보기 좋게 작성하는 것이 가장 중요하다.

+ 구글링꿀팁) mdn을 붙여서 검색하면 mdn 사이트의 결과 위주로 볼 수 있다.

저작자표시

'💻 Dev > 🪄 웹 (web)' 카테고리의 다른 글

[react] 라이브러리 없이 무한 슬라이드 쇼 구현하기 (0)	2023.03.04
[vscode] VScode 파이썬 플라스크 개발환경 구축하기 (0)	2022.12.12
[vscode] VScode에 Prettier 깔고 적용하기 (0)	2021.08.15

현재글[html/css] HTML, CSS, JS 란?

Extrawberry