HTML ? CSS ? JavaScript ?

HTML

Hyper Text Markup Language

프로그래밍 언어가 아니고, 웹페이지가 어떻게 구조화 되어 있는지 알수있도록 하는 마크업 언어이다.

<!DOCTYPE html>

<head>

<title>프론트엔드 기본 구성 알아보기</title>

</head>

<body>

<h2>Hypertext Markup Language<br>

프로그래밍언어X

웹페이지가 어떻게 구조화 되어있는지 알수있도록 하는 마크업 언어이다.

</h2>

<p>

은 문서의 특정 텍스트 영역이 문단인지 목록인지 표의 일부인지 구분 할 수 있도록 의미를 부여하고, 헤더인지, 콘텐츠 컬럼인지, 네비게이션 메뉴인지 알수 있도록 논리적인 영역으로 구조화 하고, 이미지와 비디오 같은 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 지극히 간단한 언어입니다.

</p>

</body>

</html>

https://developer.mozilla.org/ko/docs/Learn/HTML

HTML - Web 개발 학습하기 | MDN

웹사이트를 만들기 위해서는 웹 페이지 구조 정의의 토대가 되는 기술인 HTML에 대해 알아야 합나다. HTML은 작성하고자 하는 웹 콘텐츠가 문단인지, 리스트인지, 헤드라인인지, 링크인지, 이미지

developer.mozilla.org

CSS

Casecading Stylesheets - 종속형 스타일 시트

h1{

background: pink;

}

h1.title{

color:red;

}

html 태그, 클래스, 아이디 명으로 선언하여 해당 스타일을 표현할 수 있다.

글꼴, 굵기, 기울임 등 텍스트 스타일링이나 여백,테두리,이미지설정,레이아웃설정 등을 통해

html구조에 디자인을 입힐수 있고,

CSS Media Query 를 통해 반응형 디자인을 수정 할 수도 있다.

https://developer.mozilla.org/ko/docs/Learn/CSS

CSS를 이용한 HTML 스타일링 익히기 - Web 개발 학습하기 | MDN

CSS(Cascading Stylesheets – 종속형 스타일시트)는 HTML을 익힌 후 가장 먼저 배워야할 웹기술입니다. HTML이 콘텐츠의 구조와 의미를 정의하는 반면 CSS는 스타일과 레이아웃을 지정합니다. 예를 들어, C

developer.mozilla.org

JavaScript

웹 페이지의 복잡한 것들을 구현할 수 있는 프로그래밍 언어이다.

웹페이지는 단순히 변하지 않고 정적인 정보들만 보여주는 것 이상의 일을한다.

(공부할거 많음^&^)

https://developer.mozilla.org/ko/docs/Learn/JavaScript

JavaScript - 동적인 클라이언트 사이드 스크립트 언어 - Web 개발 학습하기 | MDN

JavaScript 는 웹 페이지의 복잡한 것들을 구현할 수 있는 프로그래밍 언어입니다. 웹페이지는 단순히 변하지 않고 정적인 정보들만 보여주는 것 이상의 일을 합니다. 시간의 흐름에 따라 업데이트

developer.mozilla.org

LIST

'Today I Learned' 카테고리의 다른 글

Fetch 사용하기! (1)	2024.12.18
개발 용어 정리 (2)	2024.11.28
Javascript 톺아보기 (1)	2024.11.25
Javascript (2)	2024.11.22
프론트엔드 프레임워크와 라이브러리 (feat.React) (1)	2024.11.21

리니의 공부일기

HTML ? CSS ? JavaScript ?

HTML

CSS

JavaScript

'Today I Learned' 카테고리의 다른 글

티스토리툴바

HTML ? CSS ? JavaScript ?

HTML

CSS

JavaScript

'Today I Learned' 카테고리의 다른 글

관련글

티스토리툴바