HTML에서 글꼴 색상을 설정하려면 style 속성을 사용합니다. style 속성은 요소에 인라인(inline) 스타일을 직접 지정하는 방식으로, HTML <p> 태그와 함께 CSS의 color 속성을 적용하여 원하는 텍스트 색상을 지정할 수 있습니다.
참고로 HTML5에서는 더 이상 <font> 태그를 지원하지 않습니다. <font> 태그는 HTML5에서 공식적으로 폐기(deprecated)되었기 때문에, 글꼴 색상을 지정하려면 반드시 CSS 스타일을 활용해야 합니다.
style 속성 사용 시 주의사항
style 속성으로 지정한 스타일은 다른 어떤 스타일보다 우선 적용된다는 점을 기억해야 합니다. 즉, HTML 문서 내 <style> 태그나 외부 스타일시트에서 전역적으로 설정한 스타일이 있더라도, 인라인 style 속성이 이를 덮어쓰게(override) 됩니다.
예제
아래 코드를 실행하면 HTML에서 글꼴 색상을 설정하는 방법을 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Font color</title> </head> <body> <h1>Products</h1> <p style="color:blue">This is demo content.</p> </body> </html>
위 예제에서는 <p> 태그에 style 속성을 추가하고 color 값을 blue로 지정하여, 해당 문단의 텍스트가 파란색으로 표시됩니다. 이처럼 style 속성과 CSS color 속성을 조합하면 특정 요소에 간편하게 글꼴 색상을 적용할 수 있습니다.