BOOK

[HTML] Chapter 1

Minch13r 2025. 2. 19. 20:32

HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)의 약자로 웹 페이지를 작성할 때 사용하는 프로그래밍 언어이다. 웹 문서인 웹 페이지의 구조를 <html>, <head>, <body>, <p> 등의 태그를 사용해서 표현한다. HTML 문서는 웹 페이지 또는 HTML 웹 페이지라고 부른다.

html code
html 구조

 

코드 결과 확인은 HTML 웹 페이지를 작성한 후 웹 서버상에서 실행해야 정확한 결과가 표시된다. 파일을 더블클릭해서 실행하는 것은 정확한 결과가 아니다.

 

CSS는 캐스케이딩 스타일시트(Cascading Style Sheets)의 약자로 HTML 웹 페이지를 웹 브라우저에 표현하는 방법을 제공한다. 정확하게 표현하면 HTML 태그를 어떤 형태로 표현할지를 결정한다.

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-size : lem;
    line-height : 1.4;
}

 

자바스크립트는 웹 브라우저에서 동작하는 프로그래밍 언어로 주로 태그 등을 클릭해서 어떤 동작을 처리할 때 사용한다. jQuery는 자바스크립트를 간결하고 쉽게 사용할 수 있게 제공되는 라이브러리이다.


반응형 웹 사이트는 표시되는 화면의 크기에 따라 사이트의 표현 구조가 자동으로 변경되는 웹 페이지를 말한다. 반응형으로 웹 사이트를 만들면 1개의 사이트만 만들어서 자동으로 화면 크기에 따라 최적으로 표현된다. 즉, 다양한 화면 크기에 대응하는 각각의 웹 사이트를 만들 필요가 없어져서 개발비용이 단축되고, 유지보수가 간편해진다.

 

HTML5, CSS3, JavaScript는 다양하게 쓰이는데 대표적인 예로는 IoT 구현, 게임 작성, AI 프로그래밍 등이 있다. AI는 뭔 소리냐 할 수 있는데 Deep Learning 라이브러리인 Tensorflow는 자바스크립트 라이브러리로 제공되어 HTML 기반에서 ML/DL 프로그래밍이 가능해졌다.

'BOOK' 카테고리의 다른 글

[HTML]Chapter3-2  (1) 2025.02.23
[HTML]Chapter3-1  (1) 2025.02.22
[JAVA] MENTOR JAVA SECTION 19  (1) 2025.01.26
[JAVA] MENTOR JAVA SECTION 18  (1) 2025.01.25
[JAVA] MENTOR JAVA SECTION 17  (3) 2025.01.24