lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

lesson17Title

webLightBasicChapter1Title

webLightBasicChapter2Title

webLightBasicChapter3Title

<!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 />

## 실습

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

HTML은 시작 태그와 종료 태그로 구성되어 있는 요소로 이루어져 있습니다.

태그(Tag)

실습

시작 태그와 종료 태그로 구성되어 있는 HTML의 기본 구성 단위는 무엇인가요?