lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR"
      rel="stylesheet"
    />
    <title>HTML 예시 페이지</title>

    <script src="scripts.js"></script>
  </head>

  <body>
    <header>
      <h1>웹페이지 제목</h1>
    </header>

    <nav>
      <ul>
        <li><a href="#home">홈</a></li>
        <li><a href="#about">소개</a></li>
      </ul>
    </nav>

    <main>
      <article>
        <h2>본문 제목</h2>
        <p>이것은 웹페이지의 본문 콘텐츠를 나타냅니다.</p>
      </article>
    </main>

    <footer>
      <p>© 저작권, 연락처</p>
    </footer>
  </body>
</html>

# html 태그

`<html>` 태그는 웹 문서의 시작과 끝을 나타내는 태그입니다.

html 태그를 선언하기 전에, 웹페이지는 브라우저에게 이 페이지가 어떤 버전의 HTML로 만들어졌는지 알리기 위해 `DOCTYPE`을 선언합니다.

현재 인터넷에서 널리 사용되는 HTML 버전은 `HTML5`이며, HTML 문서 최상단에 `<!DOCTYPE html>`을 선언하여 HTML5 문서임을 알립니다.

```html title="DOCTYPE 선언하기"
<!DOCTYPE html>
<html>
  
</html>
```

> *참고*: 1991년에 처음으로 도입된 HTML은 지금까지 다양한 버전이 출시되었습니다. 주요 HTML 버전은 다음과 같습니다.

### HTML (1991)

월드 와이드 웹의 창시자인 팀 버너스리(Tim Berners-Lee)에 의해 처음으로 도입된 원래의 HTML 버전입니다.

### HTML 2.0 (1995)

최초의 표준 HTML 버전으로, 웹 커뮤니티의 다양한 구성원들의 피드백을 기반으로 개선되었습니다.

### HTML 3.2 (1997)

웹 페이지의 동작을 제어하는 JavaScript가 추가되었습니다.

### HTML 4.0 (1997)

웹 페이지를 꾸미기 위한 스타일시트(CSS) 및 개선된 입력 양식이 추가되었습니다.

### HTML5 (2014, 현재 버전)

`<canvas>`, `<video>`, `<audio>` 등 다양한 태그들이 추가되었으며, 웹 브라우저 내 저장소 역할을 하는 `localStorage`와 같은 현대적 기능들이 추가되었습니다.

<br />

## `<html>` 태그

*html* 태그는 HTML 문서의 루트(root, 최상단) 요소로, 문서의 처음과 끝에 위치해야 합니다.

`<html>` 태그 내에는 웹 페이지에 대한 정보를 담는 `<head>` 태그와 웹페이지에 표시할 내용을 담는 `<body>` 태그를 포함합니다.

<br />

## HTML 태그 내부 구조

```html title="HTML 문서 기본 구조"
<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    
  </body>
</html>
```

HTML 태그에는 *lang* 속성으로 웹 페이지의 주 사용 언어를 지정할 수 있습니다.

예를 들어, 한국어를 주 사용 언어로 사용하는 웹 페이지는 `<html lang="ko">`와 같이 표시할 수 있습니다.

<br />

```html title="HTML lang 속성 사용 예제"
<!DOCTYPE html>

<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>웹페이지 제목</title>
  </head>
  <body>
    <h1>문단 제목</h1>
    <p>문단 내용</p>
  </body>
</html>
```

HTML 문서의 최상단에는 반드시 `<!DOCTYPE html>` 선언이 있어야 합니다. 이 선언은 브라우저에게 해당 문서가 HTML5로 작성되었음을 알립니다. `<html>` 태그는 그 다음에 위치합니다.

### HTML 문서의 최상단에는 반드시 `<html>` 태그가 있어야 한다.

html 태그

HTML (1991)

HTML 2.0 (1995)

HTML 3.2 (1997)

HTML 4.0 (1997)

HTML5 (2014, 현재 버전)

<html> 태그

HTML 태그 내부 구조

HTML 문서의 최상단에는 반드시 <html> 태그가 있어야 한다.

`<html>` 태그

HTML 문서의 최상단에는 반드시 `<html>` 태그가 있어야 한다.