Day 1. HTML이란 무엇인가?
.png)
웹사이트를 만들고 싶다고요? 그렇다면 가장 먼저 알아야 할 건 바로 HTML이에요. 마치 건물을 짓기 위한 설계도처럼, HTML은 웹페이지의 구조를 만들어주는 역할을 해요. 이 글에서는 HTML이 정확히 무엇이고, 왜 모든 웹 개발자들이 가장 먼저 배우는지 쉽고 편하게 설명해드릴게요.
| HTML 기초 개념 이해하기
✅ HTML이란?
HTML은 HyperText Markup Language의 줄임말이에요. 말이 좀 어려워 보일 수 있지만, 쉽게 말하면 웹페이지에 텍스트, 이미지, 링크 등 다양한 콘텐츠를 구조화해서 보여주는 언어예요. 우리가 매일 보는 모든 웹페이지는 사실 이 HTML로 만들어진 거예요.
✅ HTML의 역할
HTML은 웹페이지의 뼈대를 만들어요. 예를 들어, 제목은 어떻게 보이고, 본문은 어디에 위치하며, 버튼은 어떤 기능을 할지 등을 HTML로 설계하는 거죠. 브라우저는 이 HTML을 읽고 화면에 내용을 예쁘게 그려줘요.
또한 HTML은 혼자만 사용하는 게 아니라 CSS(스타일), JavaScript(기능)와 함께 사용되면 진짜 웹사이트처럼 멋지고 유용한 페이지가 탄생합니다!
✅ HTML이 중요한 이유
모든 웹페이지는 HTML로 시작합니다.
검색엔진이 내 웹사이트를 잘 이해하고 검색 결과에 잘 노출되기 위해서도 HTML 구조가 아주 중요해요.
모바일 친화성이나 웹 접근성, 나아가 SEO(검색 최적화) 성능까지 HTML에 따라 갈리기도 하죠.
🛠️ 실습 예시: 가장 기본적인 HTML 문서
이제 우리도 한번 직접 HTML 문서를 만들어볼까요?
<!DOCTYPE html>
<html>
<head>
<title>나의 첫 웹페이지</title>
</head>
<body>
<h1>안녕하세요!</h1>
<p>이것이 HTML의 시작입니다.</p>
</body>
</html>🔍 설명해드릴게요!
<!DOCTYPE html>: 이 문서는 HTML5로 작성된 거라고 알려주는 선언이에요.<html>: HTML 문서의 시작과 끝을 감싸는 태그예요.<head>: 웹페이지의 정보, 즉 '백그라운드' 역할을 해요. 제목이나 검색엔진 정보 등을 담아요.<body>: 여기 안에 있는 모든 게 실제 화면에 보이는 내용이에요!
| 결론
오늘은 HTML이란 무엇인지, 어떤 역할을 하는지를 아주 쉽게 살펴봤어요. 웹페이지를 만든다는 건 결국 HTML을 잘 다룬다는 뜻이기도 하죠. 다음 글은 이 HTML을 한 줄씩 더 깊이 배우면서, 나만의 웹페이지를 만들어볼 준비를 해볼 거예요!
ㅇ Day 2: HTML 문서 구조와 텍스트 태그 기초 가이드 👉클릭 |
.png)