
HTML 기초 배우기: 웹의 뼈대를 세우는 첫걸음
안녕하세요! 웹 개발의 세계에 막 첫발을 내디딘 분들이라면, 어디서부터 시작해야 할지 조금 막막할 수도 있죠. 하지만 걱정하지 마세요. 그 첫걸음을 함께 내딛어볼 거예요.
웹페이지를 만드는 데 있어 가장 먼저 배우는 언어, 바로 HTML입니다. HTML은 웹 개발의 기초이자, 웹페이지의 뼈대를 만들어주는 아주 중요한 친구예요.
HTML이란?
HTML은 HyperText Markup Language의 줄임말이에요. 웹 페이지의 구조를 정의하는 마크업 언어예요. 말이 조금 어려울 수 있지만, 간단히 말하면,
우리가 웹사이트에서 보는 텍스트, 이미지, 표, 링크, 버튼같은 요소들은 전부 HTML을 통해 “여기에 이걸 보여줘.” 하고 정해주는 거예요. 디자인을 예쁘게 꾸며주는 CSS나 웹페이지에 생명을 불어넣는 JavaScript와는 달리, HTML은 설계도처럼 틀을 만들어주는 역할을 해요.
HTML의 기본 구조
아래는 HTML 문서의 기본적인 틀 예시예요. 처음에는 낯설게 보일 수도 있지만, 하나하나 차근차근 보면 금방 익숙해질 수 있어요.
구조 설명 한눈에 보기
태그 | 역할 |
---|---|
<!DOCTYPE html> | HTML5 문서임을 선언해요. |
<html> | 전체 HTML 문서의 시작. HTML 문서의 시작과 끝을 감싸주는 큰 틀이에요. |
<head> | 웹페이지의 설정 정보. 보이지 않지만 아주 중요해요. (제목, 인코딩, 스타일 등) |
<title> | 브라우저 탭에 보이는 제목이에요. |
<body> | 사용자가 화면에서 실제로 보는 내용이 들어가는 부분이에요. |
자주 쓰이는 HTML 태그 모음
아래는 HTML에서 정말 자주 쓰이는 태그들이에요. 웹페이지를 만들다 보면 꼭 만나게 될 친구들이죠.
태그 | 설명 |
---|---|
<h1> ~ <h6> |
|
<p> |
|
<a href=”링크”> |
|
<img src=”이미지주소” alt=”설명”> |
|
<ul>, <ol>, <li> |
|
<div> |
|
HTML은 마법사가 아니라 설계사예요!
웹을 만들다 보면 “이걸로 다 되는 건가요?” 싶은 순간이 있어요. 하지만 HTML 혼자서는 디자인도, 동작도 어렵답니다. 예쁘게 꾸미는 CSS와 움직이고 반응하는 기능을 만드는 JavaScript, 이 친구들이 함께 해야 비로소 완성된 웹페이지가 되는 거죠. HTML은 그중에서 가장 먼저 등장하는 설계사예요. 집을 지을 때 기초부터 튼튼히 다지는 것처럼, HTML을 잘 배우는 건 정말 중요해요.
처음에는 태그들이 낯설고 어렵게 느껴질 수 있지만, 조금씩 따라하다 보면 어느 순간 익숙해진 자신을 발견하게 될 거예요. 이 글이 웹 개발의 첫걸음을 떼는 여러분께 작은 도움이 되었기를 바라요. 함께 차근차근 배워가요! 응원할게요. 빳팅이야요-!