본문으로 바로가기
검색
회원가입로그인

2장: HTML이란 무엇인가? 웹사이트의 구조적 기초

Chapter 2: What is HTML? Structural Basics for Websites

HTML(HyperText Markup Language)은 웹 페이지의 뼈대를 구성하는 언어입니다. 웹 페이지에서 보이는 텍스트, 이미지부터 하이퍼링크까지 모든 구조적인 요소들이 HTML 코드를 통해 표현됩니다. 이러한 HTML은 단순히 브라우저가 이해할 수 있도록 정보를 전달할 뿐만 아니라 사용자 경험과 접근성을 고려하여 구조적인 기반을 제공합니다.

HTML의 기본 구조

  1. 문서 선언 (DOCTYPE): 문서의 형식을 정의합니다. 최신 HTML5에서는 <!DOCTYPE html>를 사용합니다.

  2. html 요소: HTML 문서의 최상위 요소로, 웹 페이지의 전체 외형을 나타냅니다.

  3. head 요소: 웹 페이지의 메타데이터를 포함합니다(제목, 스타일, 기타 정보 등).

  4. body 요소: 사용자에게 시각적으로 보여지는 컨텐츠를 포함합니다.

다음은 간단한 HTML 코드 예제입니다:

<!DOCTYPE html>
<html>
<head>
  <title>내 첫 웹 페이지</title>
</head>
<body>
  <h1>안녕하세요! 이것은 제목입니다.</h1>
  <p>이것은 문단입니다.</p>
</body>
</html>

위 예제에서는 h1 태그가 큰 제목을, p 태그는 문단을 나타냅니다.

HTML을 사용한 구조의 중요성

HTML은 웹 페이지의 구조를 명확히 하고 정보의 의미를 강화하는 데 중요한 역할을 합니다. 예를 들어, 검색 엔진은 HTML의 구성을 분석하여 페이지의 내용을 이해하고 인덱싱합니다. 따라서 알맞은 태그와 분류를 통해 모든 정보를 잘 정리하는 것이 중요합니다.

결론

HTML을 배우는 것은 웹 개발의 첫걸음입니다. 이 장에서는 HTML의 기본 문법과 구조 요소들을 소개하였습니다. 다음 장에서는 CSS를 활용하여 이 구조에 스타일을 입히는 방법을 배워보겠습니다.

참고 자료

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기

저자의 책