Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

HTML에서 큰 텍스트를 표시하는 방법 완벽 가이드

HTML에서 일반 텍스트보다 크게 표시하고 싶다면 <big> 태그를 사용할 수 있습니다. 이 태그로 감싼 텍스트는 주변 텍스트보다 한 단계 큰 글꼴 크기로 렌더링됩니다.

참고: <big> 태그는 HTML5에서 더 이상 지원되지 않습니다. 최신 웹 표준을 준수하려면 CSS의 font-size 속성을 사용하는 것이 좋습니다.

<big> 태그 사용 예제

아래 코드를 실행하면 HTML에서 큰 텍스트가 어떻게 표시되는지 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML big Tag</title>
   </head>
   <body>
      <p>Questions and Answers: <big>Qries.com</big></p>
   </body>
</html>

HTML5에서 권장하는 대체 방법: CSS 활용

<big> 태그는 폐기(deprecated)된 요소이므로, 현대적인 웹 개발에서는 CSS로 텍스트 크기를 조절하는 것이 표준입니다.

<!DOCTYPE html>
<html>
   <head>
      <style>
         .big-text {
            font-size: larger;
         }
      </style>
   </head>
   <body>
      <p>Questions and Answers: <span class="big-text">Qries.com</span></p>
   </body>
</html>

CSS의 font-size 속성에는 larger, x-large, 150%, 1.5em 등 다양한 값을 지정할 수 있어, 태그보다 훨씬 유연하고 정밀한 크기 조절이 가능합니다.