HTML에서 굵은 텍스트 만들기

Rajeev Baniya 2023년2월19일

HTML HTML Text HTML Text Formatting

이 자습서에서는 HTML에서 굵은 텍스트를 만드는 몇 가지 방법을 소개합니다.

`strong` 태그를 사용하여 HTML에서 굵은 텍스트 만들기

strong 태그를 사용하여 HTML에서 굵은 텍스트를 만들 수 있습니다. 태그는 텍스트가 매우 중요하거나 중요하거나 최우선 순위임을 나타냅니다.

strong 태그는 텍스트가 더 중요하다는 것을 나타내기 위해 텍스트를 굵게 만듭니다. 페이지나 단락에서 그 중요성을 나타내기 위해 텍스트 또는 그 일부를 강조 표시하려면 strong을 사용해야 합니다.

예를 들어 using the strong tag 텍스트를 작성하십시오. 그런 다음 아래 예와 같이 strong 태그로 텍스트를 래핑합니다.

아래 예는 굵은 글씨로 된 텍스트를 생성합니다.

예제 코드:

<strong> using the strong tag </strong>

b 태그를 사용하여 HTML에서 굵은 텍스트를 만들 수도 있습니다. 태그는 이전에 Boldface 요소로 알려져 있었습니다.

b 태그는 텍스트가 더 중요하다는 것을 표시하지 않고 텍스트에 초점을 맞추는 데 사용됩니다. strong 태그와 동일한 방식으로 b 태그를 사용합니다.

예를 들어 using b tag를 작성하고 b 태그로 감싸면 텍스트가 굵게 표시됩니다. 그러나 b 태그를 사용하여 텍스트를 굵게 표시하지 않는 것이 좋습니다.

대신 CSS 속성 font-weight를 사용하여 텍스트를 더 굵게 만들어야 합니다. 우리는 다음 섹션에서 속성에 대해 논의할 것입니다.

예제 코드:

<b> using b tag </b>

font-weight CSS 속성은 텍스트를 굵게 만드는 데 가장 적합한 방법입니다. 인라인 CSS를 사용하여 HTML에 스타일을 적용할 수 있습니다.

font-weight 속성은 텍스트의 두께 또는 얇음을 설정합니다. 다양한 옵션이 속성에 적합합니다. normal로 설정하면 텍스트가 기본값인 일반 문자가 됩니다.

bold 옵션은 텍스트를 두껍게 만들고 bolder 옵션은 더 두껍게 만듭니다. lighter 옵션을 사용하여 텍스트를 얇게 만들 수 있습니다.

예를 들어 p 태그를 작성하고 그 안에 인라인 CSS를 작성하십시오. font-weight 속성을 bold로 설정합니다. p 태그 안에 Using font-weight property라는 텍스트를 작성합니다.

다음으로 다른 p 태그를 작성하고 Normal text 텍스트를 작성하십시오.

아래 예에서 우리는 두 개의 다른 텍스트를 작성했습니다. 첫 번째 텍스트는 더 굵게 표시되고 두 번째 텍스트는 정상입니다. 따라서 font-weight 속성을 사용하여 HTML에서 굵은 텍스트를 만들 수 있습니다.

예제 코드:

<p style="font-weight:bold;">
    Using the font-weight property
</p>

<p>
    Normal text
</p>