[HTML] 마크업언어 HTML로 웹 개발 시작하기

HTML 2023. 1. 7. 18:37

HTML이 어떤 단어의 약어인지 알고 시작하면 HTML의 개념이 좀 더 쉽게 느껴집니다.

Hypertext Markup Language

'하이퍼텍스트 마크업 언어'로,

직역하면 한 문서에서 다른 문서로 바로 접근할 수 있는 텍스트를 마크업하는 언어 입니다.

이 HTML로 웹페이지를 만들 수 있습니다.

바로 웹페이지를 한번 만들어볼까요?

웹페이지를 만드려면 텍스트 에디터나 IDE(통합개발환경) 이용해야합니다.

툴이 워낙 다양하고 특성도 달라서 본인에게 맞는 툴을 사용하면 됩니다.

무료 툴 몇가지 추천해드릴게요!

이중 Visual Studio Code가 무난하게 사용하기 편하고 기능도 다양한 편입니다.

(저도 VS Code를 주로 사용하고 있습니다ㅎㅎ)

그럼 개발툴을 정해서 원하는 폴더 위치에 새 파일을 생성해주세요.

저는 파일 이름을 index.html로 설정했습니다.

index는 웹페이지를 개발할 때 첫 페이지의 이름으로 주로 쓰입니다.

책에 정리된 '색인'처럼 index도 원하는 페이지로 바로 넘어갈 수 있는 역할이라는 의미를 내포하고 있는 것 같아요(추측추측)

그 다음 파일 안에 아래 HTML 태그로 채워넣고 저장합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>업장</title>
</head>
<body>
  여기는 업장입니다
</body>
</html>

각 태그들이 무슨 의미인지는 다음 글에서 자세히 살펴보도록 하고,

저장 완료했으면 브라우저에서 파일을 열어보세요!

저랑 동일하게 잘 나오시나요?

그럼 웹페이지 제작 성공입니다!

쉽죠잉?

모 커뮤니티에서 마크업 개발자가 프로그래머이냐 아니냐에 대한 논란 글을 본 적이 있었는데요.

HTML과 CSS는 프로그래밍 언어가 아니므로 프로그래머가 아니라는 의견에 동의하고 있는 중입니다.

여러분은 어떻게 생각하시나요?

업장 업장