HTML에서는 다음과 같은 다양한 방법을 사용하여 텍스트의 색상을 변경할 수 있습니다.
- HTML 태그 사용
- 인라인 스타일 속성 사용
- 내부 CSS 사용
1. HTML 태그 사용
참고: HTML 5는 글꼴의 색상 속성을 지원하지 않으므로 텍스트 색상을 변경하려면 인라인 스타일 속성과 내부 CSS 옵션을 사용해야 합니다.
웹 페이지에 표시될 HTML 태그를 사용하여 텍스트의 색상을 변경하려면 아래 단계를 따라야 합니다. 다음 단계를 사용하면 텍스트의 색상을 쉽게 변경할 수 있습니다.
1 단계: 먼저 텍스트 편집기에 Html 코드를 입력하거나 사용하려는 텍스트 편집기에서 기존 Html 파일을 열어야 합니다. HTML 태그 .
파완딥 라잔
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
2 단계: 이제 색상을 변경하려는 텍스트의 시작 부분으로 커서를 이동합니다. 그런 다음 빈 HTML을 입력하십시오. 해당 위치에 태그를 지정하세요.
Single Line text and statements
3단계: 그런 다음 색상을 변경하려는 텍스트 끝에 있는 글꼴 태그를 닫아야 합니다.
Single Line text and statements
4단계: 이제 이름이 '인 글꼴 태그의 속성을 추가해야 합니다. 색상 '. 따라서 다음을 입력하세요. 색상 시작 내의 속성 꼬리표. 그런 다음 텍스트에 사용하고 싶은 색상을 지정해야 합니다. 따라서 색상 이름을 입력란에 입력하세요. 색상 속성 다음 블록에 설명된 대로입니다.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html지금 테스트해보세요
5단계: 그리고 마지막으로 HTML 코드를 텍스트 편집기에 저장하고 코드를 실행해야 합니다. 실행 후 브라우저에 출력이 표시됩니다. 다음 스크린샷은 위 HTML 코드의 출력을 보여줍니다.
2. 인라인 스타일 속성 사용
웹페이지에 표시될 인라인 스타일 속성을 사용하여 텍스트의 색상을 변경하려면 아래 단계를 따라야 합니다. 이 단계를 사용하면 텍스트 색상을 쉽게 변경할 수 있습니다.
1 단계: 먼저 텍스트 편집기에서 HTML 코드를 입력하거나 텍스트 색상을 변경하기 위해 스타일 속성을 사용하려는 텍스트 편집기에서 기존 Html 파일을 열어야 합니다.
Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute.
2 단계: 이제 색상을 변경하려는 텍스트의 시작 부분으로 커서를 이동합니다. 그런 다음 인라인을 입력하세요. 스타일 모든 요소 내의 속성. 여기서는
(단락) 태그:
모든 텍스트
3단계: 이 단계에서는 색상 이름을 값으로 지정해야 합니다. 색상 이름은 세 가지 형태로 지정할 수 있습니다.
계피 대 친구
- 색상 이름을 입력할 수 있습니다.
- 색상의 RGB 값을 입력할 수도 있습니다.
- 색상의 16진수 값을 입력할 수도 있습니다.
4단계: 그런 다음 색상을 변경하려는 텍스트 끝에 있는 요소를 닫아야 합니다.
모든 텍스트
4단계: 그리고 마지막으로 CSS 스타일 속성을 이용하여 텍스트 색상을 변경하는 HTML 코드를 저장합니다.
Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p>지금 테스트해보세요
위 코드의 출력은 다음 스크린샷에 표시됩니다.
2. 내부 CSS 사용
웹페이지에 표시될 내부 캐스케이딩 스타일시트를 사용하여 텍스트의 색상을 변경하려면 아래 단계를 따라야 합니다. 이 단계를 사용하면 텍스트 색상을 쉽게 변경할 수 있습니다.
1 단계: 먼저 텍스트 편집기에서 Html 코드를 입력하거나 텍스트 색상을 변경하기 위해 내부 CSS를 사용하려는 텍스트 편집기에서 기존 Html 파일을 열어야 합니다.
Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color.
2 단계: 이제 Html 문서의 head 태그에 커서를 놓고 그 안에 스타일을 정의해야 합니다. 다음 블록에 표시된 대로 태그를 지정합니다. 그리고 다음을 입력하세요. 색상 요소 선택기에 속성을 추가합니다.
Body { color:orange; } p { color:green; } 3단계: 이제 색상을 변경하려는 텍스트 앞에 정의된 요소 선택기를 입력해야 합니다.
팬더 표준편차
Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> 지금 테스트해보세요 위 HTML 코드의 출력은 다음 스크린샷에 표시됩니다.
