Menu
Coddy logo textTech

굵게 및 기울임꼴 텍스트

Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 9번째.

HTML에서는 텍스트를 쉽게 스타일링할 수 있습니다!

  • <strong>를 사용하여 굵게 만드세요
  • <em>를 사용하여 기울임꼴로 만드세요

이 태그들은 중요한 단어를 강조하고 눈에 띄게 만드는 데 도움이 됩니다!

<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>

이 예제에서 “bold”라는 단어는 굵게 표시됩니다. “italic”이라는 단어는 기울임꼴로 표시됩니다. 

challenge icon

챌린지

쉬움

John Archibald Wheeler의 유명한 명언이 있습니다. 그 말에 동의하지 않을 수 없죠! 하지만 우리는 그것을 스타일링할 있습니다.

  1. "difficulty"를 <strong>으로 감싸서 굵게 만드세요.
  2. "opportunity"를 <em>으로 감싸서 기울임꼴로 만드세요.

치트 시트

강조 태그를 사용하여 텍스트 스타일 지정하기:

  • <strong>를 사용하여 텍스트를 굵게 만듭니다.
  • <em>를 사용하여 텍스트를 기울임꼴로 만듭니다.
<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>

직접 해보기

<!DOCTYPE html>
<html>
    <body>
        <!-- 여기에 코드를 작성하세요 -->
        <p>In the middle of every difficulty lies opportunity.</p>
    </body>
</html>
quiz icon실력 점검

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

Fundamentals의 모든 레슨