Menu
CoddyTech

중첩과 닫는 태그

Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 4번째.

HTML에서 중첩은 한 요소를 다른 요소 안에 배치하는 것을 의미합니다. 예를 들어 <strong> 태그를 <p> 태그 안에 넣어 paragraph 안의 text를 bold로 만들 수 있습니다.

다음과 같이 보입니다:

<p>This is <strong>bold</strong> text.</p>

닫는 태그는 매우 중요합니다. 모든 시작 태그에는 해당하는 종료 태그가 있어야 합니다.

종료 태그는 태그 이름 앞에 슬래시(/)가 있다는 점을 제외하면 시작 태그와 같습니다. 예를 들어 <p>는 단락을 시작하고, </p>는 단락을 끝냅니다.

잘못된 중첩은 렌더링 문제를 일으킬 수 있습니다. 항상 올바른 순서로 태그를 닫아야 합니다. 안쪽 태그를 바깥쪽 태그보다 먼저 닫아야 합니다.

올바른 중첩:

<p>This is <strong>bold</strong> text.</p>

잘못된 중첩:

<p>This is <strong>bold text.</p></strong>
challenge icon

챌린지

쉬움

단락 요소가 포함된 HTML 문서가 주어집니다. 단락 안에서 <strong> 요소를 단어 "important" 주위에 중첩하세요. 

직접 해보기

<!DOCTYPE html>
<html>
    <body>
        <p>This is an important message.</p>
    </body>
</html>
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

기초의 모든 레슨

직접 연습해 보세요: Web 플레이그라운드