웹 개발에 관심 있는 많은 사람들이 HTML(HyperText Markup Language)을 프로그래밍 언어로 오해하고 있습니다. 그러나 HTML은 사실 프로그래밍 언어가 아닙니다. 이 글에서는 HTML이 프로그래밍 언어가 아닌 이유와 그 본질에 대해 알아보고, 이에 대한 예시를 통해 오해를 해소하고자 합니다.
[목차]
1. HTML은 마크업 언어입니다.
2. HTML은 선언형 언어입니다.
3. HTML의 예시
4. html은 프로그래밍 언어가 아닙니다. - 결론 및 의견
1. 1. HTML은 마크업 언어입니다.
HTML은 "HyperText Markup Language"의 약자로, 하이퍼텍스트를 구조화하기 위한 마크업 언어입니다. 마크업 언어는 데이터를 구조화하고 표현하는 데 사용되는 언어로, 태그(tag)를 사용하여 문서의 요소를 정의합니다. HTML 태그는 요소의 의미와 구조를 나타내며, 브라우저는 이러한 태그를 이해하여 콘텐츠를 올바르게 표시합니다.
예를 들어, <h1> 태그는 제목을, <p> 태그는 단락을 나타냅니다. HTML은 웹 페이지의 구조와 콘텐츠를 기술하는 것이 주된 목적이며, 이를 통해 웹 페이지의 시맨틱한 구조를 구축할 수 있습니다.
2. HTML은 선언형 언어입니다.
프로그래밍 언어는 명령형 언어와 선언형 언어로 분류됩니다. 명령형 언어는 컴퓨터에게 원하는 작업을 수행하도록 지시하는 방식입니다. 그러나 HTML은 선언형 언어로, 원하는 결과를 명시하기만 하고, 결과를 달성하기 위한 과정에 대한 명령을 작성하지 않습니다.
HTML은 태그를 사용하여 구조와 콘텐츠를 정의하고, 브라우저는 이를 해석하여 적절하게 표시합니다. HTML은 문서의 구조와 의미를 설명하며, 디자인 및 동작에 대한 구체적인 명령을 제공하지 않습니다.
3. HTML의 예시
아래는 간단한 HTML 예시입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<!DOCTYPE html>
<html>
<head>
<title>나의 첫 웹 페이지</title>
</head>
<body>
<h1>환영합니다!</h1>
<p>이것은 나의 첫 웹 페이지입니다.</p>
<a href="https://www.example.com">예시 링크</a>
</body>
</html>
|
cs |
실행화면
4. html은 프로그래밍 언어가 아닙니다. - 결론 및 의견
HTML은 프로그래밍 언어가 아니라 마크업 언어입니다. HTML은 마크업 언어로 웹 페이지의 구조와 콘텐츠를 기술하며, 선언형 언어로 동작합니다. 이 글을 통해 HTML의 본질을 이해하고, 프로그래밍과 마크업 언어의 차이를 분명히 알 수 있었을 것입니다. HTML을 올바르게 이해하고 활용한다면 웹 개발에서 더욱 효과적인 결과물을 만들어낼 수 있을 것입니다.
[관련글]
2023.05.27 - [html 자바스크립트 study] - html 이란? 기본 사용법 및 내용에 대해 알아보자
html 이란? 기본 사용법 및 내용에 대해 알아보자
HTML 이란? Hyper Text Markup Language의 약자로, 웹 페이지를 만들기 위해 사용되는 마크업 언어입니다. 현재 대부분의 웹 사이트는 HTML을 기반으로 만들어지고, HTML을 구현하는 웹 브라우저는 대부분의
2toy.net
2023.05.28 - [html 자바스크립트 study] - html 기본 구조, 틀 에 대해 알아보자
html 기본 구조, 틀 에 대해 알아보자
웹을 개발하면서 HTML은 필수적인 언어입니다. HTML은 웹 페이지의 모양과 구조를 정의하는 데 사용됩니다. 이번 글에서는 HTML에서 가장 중요한 태그 중 일부를 살펴보겠습니다. 이 글을 통해 HTML
2toy.net
2023.05.29 - [html 자바스크립트 study] - html css 예제 - 웹페이지 만들기 (반응형, 홈페이지)
html css 예제 - 웹페이지 만들기 (반응형, 홈페이지)
HTML과 CSS는 현재 웹 개발에서 필수적 입니다. HTML은 웹사이트의 구조를 정의하고, CSS는 디자인과 스타일을 담당합니다. 마치 뼈에 살과 옷을 입힌 개념이죠. 이번 글에서는 html css 예제 - 웹페이
2toy.net
'html 자바스크립트 study' 카테고리의 다른 글
| html 주석 처리 방법 정리 (0) | 2023.06.03 |
|---|---|
| calculator css 계산기 만들기 디자인 (0) | 2023.06.02 |
| HTML CSS JS 관계 및 예제 (0) | 2023.05.31 |
| Flex CSS 활용 - 웹사이트 레이아웃 예시와 설명 (0) | 2023.05.30 |
| html css 예제 - 웹페이지 만들기 (반응형, 홈페이지) (0) | 2023.05.29 |