HTML에서 텍스트의 색상을 지정하려면 color 속성을 사용할 수 있습니다. 이 속성은 글꼴 태그와 함께 사용되어 화면에 표시되는 텍스트의 색상을 결정합니다.
참고: color 속성과 <font> 태그는 HTML5에서 더 이상 지원되지 않는(deprecated) 요소입니다. 최신 웹 표준에서는 CSS를 사용하여 텍스트 색상을 지정하는 것이 권장됩니다.
HTML color 속성 사용 예제
다음 코드를 실행하면 HTML에서 color 속성이 어떻게 작동하는지 직접 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML 텍스트 색상 예제</title>
</head>
<body>
<table width = "100%">
<tr>
<td>
<p><font color="blue">이것은 데모 텍스트입니다.</font></p>
</td>
</tr>
</table>
</body>
</html>위 코드를 실행하면 파란색으로 표시된 "이것은 데모 텍스트입니다."라는 문장을 볼 수 있습니다.
CSS를 사용한 현대적인 방법
HTML5 환경에서는 인라인 스타일이나 CSS를 활용하는 것이 좋습니다. 아래와 같이 style 속성에 color 값을 지정하면 동일한 결과를 얻을 수 있습니다.
<p style="color: blue;">이것은 데모 텍스트입니다.</p>
CSS 방식은 색상 이름뿐만 아니라 HEX 코드(예: #0000FF), RGB 값(예: rgb(0, 0, 255)) 등 다양한 형식으로 색상을 지정할 수 있어 훨씬 유연하고 유지보수에도 유리합니다.