002. HTML

1. Hyper Text Markup Language 2. 메모장이나 크롬에서 바로 작성하는 예제 2.1. Window 사용시 2.2. 맥북 사용 시

1. Hyper Text Markup Language

Hyper Text는 참조(하이퍼링크)를 통해 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트를 말합니다. Markup Language는 이것은 제목이다, 이것은 테이블이다, 문단이다와 같은 문서의 구조를 표현하는 역할을 합니다.

쉽게 말해, HTML은 웹을 만들기 위한 가장 기초적인 언어입니다.

하지만 HTML은 프로그래밍 언어는 아닙니다.

프로그래밍 언어 : 문제를 해결하기 위해 컴퓨터에게 주어지는 처리방법과 순서를 정해주는 명령문을 작성하는 언어

마크업 언어

: 구조를 정하는 언어

즉, HTML은 웹의 뼈대에 해당합니다.

2. 메모장이나 크롬에서 바로 작성하는 예제

메모장에서 아래 코드를 입력한 뒤, '다른 이름으로 저장'을 클릭해 확장자를 .txt 대신 .html로 바꿔서 저장하면 됩니다.

Mac OS의 경우에는 "텍스트 편집기"에서 "포맷"란에 들어가 "일반 텍스트 만들기"에서 코드를 작성하신 후 확장자를 .html로 변경하시면 됩니다.

보다 상세한 내용은 하단에 캡쳐해 두었습니다.


<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
	<h1>Hello world</h1>
</body>
</html>

결과창은 이와 같이 나옵니다.