HTML 텍스트 색상 태그 사용 방법 : 9 단계 (사진 포함) - 팁

콘텐츠

단계
조언
경고

이 기사에서는 HTML 문서에서 글꼴 색상을 변경하는 방법을 보여줍니다. 글꼴 태그는 HTML에서 오래되었지만 CSS를 사용하여 HTML 페이지의 텍스트에 색상을 추가 할 수 있습니다. 이전 버전의 HTML을 사용하는 경우 필요에 따라 HTML 글꼴 태그를 사용할 수 있습니다.

단계

2 가지 방법 중 1 : HTML 태그 사용

글꼴 태그를 만듭니다. 카드 세트 색상을 변경하려는 텍스트 앞에. 폐쇄 카드 배치 텍스트 뒤에.
- 예 :
  이 텍스트는 파란색입니다.
색상 속성을 추가합니다. 끼워 넣다 색상 = "" 글꼴 열기 탭으로. 원하는 색상은 따옴표 안에 있습니다.
- 예를 들면 :
  색상 = ""이 텍스트는 파란색입니다.
색상 이름을 선택하십시오. 색상 이름은 항상 공백없이 한 단어입니다. "파란색"(파란색), "빨간색"(빨간색)과 같은 간단한 이름이나 "하늘색"또는 "진한 파란색"(진한 파란색)과 같은 설명적인 이름을 사용해보세요. 더 많은 옵션을 보려면 "maroon"(짙은 갈색), "steelblue"(회색 녹색) 및 "lime"(연한 노란색)이 포함 된 인식 된 색상 키워드 목록을 찾아보십시오.
- 예 :
  이 텍스트는 파란색입니다.
16 진수 색상 코드를 사용합니다. HTML을 사용하면 수백만 가지 색상 중에서 선택할 수 있지만 모든 색상에 이름이있는 것은 아닙니다. 대신 16 진수로 작성된 6 자 코드를 사용합니다. 웹에는 16 진수 색상 코드를 나열하거나 화면에서 색상을 선택하고 16 진수 값을 표시 할 수있는 많은 웹 사이트가 있습니다. 이 코드는 # 기호로 시작하며 숫자 0-9 또는 문자 A-F를 포함하여 6 개의 문자로 구성됩니다.
- 코드 # FF0000은 빨간색을 나타냅니다.
- 이 코드는 녹색 텍스트를 생성합니다.
- 이 코드는 파란색 텍스트를 생성합니다.
RGB 값으로 실험하십시오. 온라인 색상 선택기를 사용하기 위해 16 진수 색상 코딩이 어떻게 작동하는지 알 필요는 없습니다. 그러나 경험을 원한다면 기본 사항부터 시작할 수 있습니다.
- 각 6 자리 코드는 빨강, 녹색 (녹색) 및 파랑 ( "RGB") 값으로 나뉩니다. 예를 들어, 코드 # FF0000은 "빨간색 : FF 녹색 : 00 파란색 : 00"을 의미합니다.
- 빨간색의 양을 변경하려면 처음 두 문자를 변경하십시오. 00 (빨간색 없음)에서 99 (약간 빨간색) 또는 AA (빨간색)에서 최대 FF (최대 빨간색)까지의 값을 사용할 수 있습니다.
- 동일한 시스템을 사용하여 값을 녹색 (중간 두 자리) 또는 파란색 (마지막 두 자리)으로 변경합니다.
16 진수 색상 코드에 대해 더 깊이 이해하십시오. 올바른 색상을 선택하려면 다음 두 가지 개념을 알아야합니다.
- 세 가지 색상 값은 모두 두 자리입니다. 더 적게 조정하려면 두 번째 숫자 만 변경하면됩니다. 예를 들어 # 850000과 # 890000은 매우 유사하며 # A50000은 약간 더 밝습니다.
- 결합 된 RGB 값은 색상 시스템 플러스와 같습니다. 빨간색과 녹색은 노란색을 생성합니다. 파란색과 녹색은 청록색을 형성합니다. 빨간색과 파란색은 부르고뉴 색상을 생성합니다.
광고

2 가지 방법 중 2 : 인라인 CSS 요소 사용

HTML 태그에 스타일 속성을 삽입하십시오. 속성 스타일 = "" HML 문서에서 CSS를 사용할 수 있습니다. CSS에 대해 잘 모르더라도 글꼴 색상을 쉽게 설정할 수있는 방법은 다음과 같습니다. 스타일 속성을 HTML 태그 중 하나로 설정해보십시오.
- p 태그는 텍스트를 식별하는 데 사용됩니다.
- a 태그는 링크를 만드는 데 사용됩니다.
- 서식을 변경하지 않고 단락의 일부에 색상을 지정하려면 범위 태그를 사용합니다.
색상을 지정하십시오. 끼워 넣다 색깔: 따옴표 안에 색상 이름 또는 16 진수 코드가 있습니다. 이름 및 색상 코드에 대한 자세한 내용은 위의 방법을 참조하거나 다음 예제를 시도하십시오.
- 이 코드는 빨간색 텍스트를 구성합니다.
- 이 코드는 짙은 올리브 녹색을 생성합니다.
- CSS는 3 자리 단축을 지원합니다. 색상 코드 745는 774455를 나타냅니다.
자주 사용하는 서체와 함께 CSS 클래스를 사용하십시오. 큰 웹 페이지의 콘텐츠에 대한 모든 이미지 캡션 또는 제목의 스타일을 지정하려는 경우 전체 코드를 반복해서 입력 할 필요가 없습니다. 대신 텍스트 시작 부분에 CSS 클래스를 정의하여 해당 스타일을 사용할 때마다 속기 하나만 사용하여 클래스를 호출 할 수 있습니다. 다음은 스타일 속성의 새로운 사용을 보여주는 예입니다.
- 섹션에서 HTML 문서의 다음 코드를 붙여 넣습니다.
- 다음으로 텍스트 본문에서 속성을 사용하여이 스타일을 요소로 추가합니다. 예 :
  이 단락
  진한 녹색, 큰 필기체 (필기체) 글꼴.
- 서체를 설명하기 위해 "fancy"대신 모든 단어를 사용할 수 있습니다.
광고

조언

페이지를 읽기 쉽게 만들어야합니다. 밝은 텍스트 색상은 흰색에서 읽기 어렵고 어두운 텍스트 색상은 검정색에서 읽기 어렵습니다.
구형 컴퓨터는 65,000 개의 색상으로 제한되는 반면 구형 컴퓨터는 256 개의 색상으로 제한됩니다. 그러나 인터넷 사용자의 99 % 이상이 지정한 색상을 볼 수 있습니다.