HTML에서 굵은 텍스트를 만들려면 <b> 태그, <strong> 태그 또는 CSS의 글꼴 두께.
웹페이지를 디자인할 때 특정 텍스트를 강조하고 싶을 수 있습니다.
예를 들어 새로운 기술을 사용하는 방법에 대한 지침 목록이 있고 사용자가 읽어야 하는 특히 중요한 보안 공지가 있다고 가정해 보겠습니다. 사용자가 지침을 읽을 때 해당 알림을 놓치지 않도록 해당 알림을 강조할 수 있습니다.
HTML에서 , 코더가 특정 텍스트를 대담하게 만들 수 있는 내장 함수가 있습니다. 이 튜토리얼에서는 HTML에서 텍스트를 굵게 만드는 세 가지 가장 일반적인 방법을 분석할 것입니다. :<b> 태그, <strong> 태그 및 font-weight Cascading Style Sheets (CSS) 매개변수.
HTML 태그
개발자가 HTML에서 볼드체 텍스트를 만드는 가장 일반적인 방법 <b>를 사용하여 꼬리표. <b> 태그는 HTML에서 굵은 텍스트를 나타내는 요소를 생성하기 위해 작동합니다. 웹 페이지. 예를 들어, <b> 태그는 온라인 기사의 부제목을 강조 표시할 수 있습니다.
다음은 HTML의 예입니다. <b> 작동 중인 태그:
<b>This text is bold</b>
간단합니다. 텍스트의 특정 부분을 굵게 표시하고 단락의 나머지 부분은 그대로 두려면 <b>를 묶을 수 있습니다. 아래와 같이 섹션에 태그를 지정합니다.
<p>This text is not bold. <b>But this text is bold!</b></p>
다음은 코드의 결과입니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
단락의 시작은 정상적으로 나타나고 <b> 내의 텍스트는 태그가 굵게 표시되었습니다.
HTML 태그
또한 <strong>를 사용할 수 있습니다. HTML에서 볼드체 텍스트를 만드는 태그 . <strong> 태그는 <b>와 정확히 같은 방식입니다. 태그가 있지만 한 가지 차이점이 있습니다. 강력한 태그는 내용에 특별한 주의가 필요함을 나타냅니다. 다음은 <strong>의 예입니다. 사용 중인 태그:
<p>Your username for your new computer is <b>JohnAppleseed</b></p> <p><strong>Attention!</strong> You must change your password after logging in.</p>
코드는 다음을 반환합니다.
보시다시피 <b> 태그는 독자가 읽고 싶어하는 텍스트를 강조 표시하는 데 사용됩니다. <strong> 태그는 Attention이라는 단어를 나타내는 데 사용됩니다. 독자는 특별한주의를 기울여야합니다. 즉, 이 차이점을 제외하고는 <b> 및 <strong> 태그는 동일합니다.
CSS font-weight 속성
<strong> 및 <b> 태그는 바닐라 HTML에서 사용됩니다. 텍스트가 중요하고 읽어야 함을 나타내는 요소입니다. 그러나 CSS도 있습니다. 텍스트가 표시되는 방식을 더 잘 제어할 수 있는 속성:font-weight .
font-weight 코더는 텍스트의 특정 부분이 얼마나 무겁거나 가벼운지, 얼마나 굵게 표시되는지 결정할 수 있습니다. 다음은 font-weight의 예입니다. 태그가 thick인 단락에 적용된 태그 :
HTML :
<p>This is an example paragraph.</p> <p class="thick">This is a bold example paragraph.</p>
CSS :
p.thick {
font-weight: 900;
} 코드는 다음을 반환합니다.
이 예에서는 thick이라는 클래스를 정의합니다. , font-weight를 설정합니다. 텍스트에 대한 속성을 900으로 설정합니다. 즉, thick 클래스를 참조하는 텍스트는 대담하게 나타날 것입니다. 텍스트를 더 밝게 또는 더 굵게 표시할지 여부에 따라 숫자 "900"을 사용자 지정할 수 있다는 점은 주목할 가치가 있습니다.
또는 font-weight font-weight 스타일 사용 다음과 같은 굵은 속성:
<p>This is an example paragraph.</p> <p style="font-weight:900;">This is a bold example paragraph.</p>
결론
굵은 텍스트는 HTML에서 텍스트 서식의 중요한 부분입니다. . 특정 텍스트 줄이나 몇 단어에 주의를 환기시켜야 하는 경우 굵게 표시할 수 있습니다. 이 튜토리얼에서는 텍스트를 굵게 만드는 세 가지 주요 방법을 분류했습니다. <b> , <strong> 및 font-weight . 이제 전문가처럼 굵은 텍스트를 만들 준비가 되었습니다!