lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR"
      rel="stylesheet"
    />
  </head>
  <body>
    
    <h1>제목</h1>

    
    <p>단락</p>

    
    

    
    <br /><br />

    
    <img src="https://picsum.photos/seed/picsum/300" alt="예시 이미지" />
  </body>
</html>

# 태그(Tag)

태그는 HTML 문서의 기본 구성 단위입니다. HTML 태그는 시작 태그(<tag>)와 종료 태그(</tag>)로 구성되어 있으며 그 사이에는 해당 태그가 적용되는 내용이 들어갑니다.

```html title="HTML 태그 구성"
<tag>태그가 적용되는 내용</tag>
```

<br />

시작 태그는 `<태그이름>`(예: `<html>`)와 같이 꺾쇠 괄호로만 표시하며, 종료 태그는 `</태그이름>`(예: `</html>`)와 같이 **슬래시**(/)를 태그 이름 앞에 붙입니다.

```html title="시작 태그 / 종료 태그 예시"
<html>
  Hello World!
</html>
```

<br />

이렇게 시작 태그와 종료 태그로 감싸진 것을 **요소**(Element)라고 합니다.

요소는 웹페이지의 가장 기본적인 블록으로, 텍스트, 이미지, 영상, 입력란 등 웹페이지의 콘텐츠를 정의합니다.

```html title="텍스트 요소 예시"
<p>안녕하세요</p>
```

<br />

## 실습

코드의 별표로 강조된 부분을 따라 입력해 보세요.