HTML에서 글꼴 색상 태그를 사용하는 방법
작가:
Lewis Jackson
창조 날짜:
5 할 수있다 2021
업데이트 날짜:
1 칠월 2024
![HTML - form : label](https://i.ytimg.com/vi/_4upG-03td8/hqdefault.jpg)
콘텐츠
이 글에서는 HTML 태그 사용하기 태그에 CSS 사용하기
HTML 글꼴 태그는 이제 더 이상 사용되지 않으며 전문 개발자는 사용하지 않아야합니다. 개인 프로젝트에서 글꼴의 색상을 변경하는 것은 매우 간단하지만 웹 브라우저 업데이트로 계속 작동한다는 보장은 없습니다. 최상의 결과를 얻으려면 CSS와 함께 메소드를 사용해야합니다.
단계
방법 1 HTML 태그 사용
-
글꼴 태그를 작성하십시오. 태그를 넣어 채색하려는 e 앞에. 넣어서 닫습니다 e의 끝에.- 예를 들면 다음과 같습니다.
파란색으로 표시하고 싶습니다
- 예를 들면 다음과 같습니다.
-
색상의 속성을 추가하십시오. 추가 색상 = "" 오프닝 태그 안에. 그런 다음 선택한 색상을 따옴표로 묶어야합니다 (영어).- 예를 들면 다음과 같습니다.
파란색으로 표시하고 싶습니다
- 예를 들면 다음과 같습니다.
-
색상 이름을 선택하십시오. 공간이없는 영어로 된 간단한 단어입니다. "blue", "red"와 같은 간단한 이름이나 "lightblue"(진한 파란색) 또는 "darkblue"(진한 파란색)와 같은보다 구체적인 이름을 사용해보십시오. 더 선택하려면 적갈색, 스틸 블루 및 라임과 같이 허용되는 색상 이름 목록을 찾으십시오.- 예를 들면 다음과 같습니다.
파란색으로 표시하고 싶습니다
- 예를 들면 다음과 같습니다.
-
대신 16 진 코드를 사용하십시오. HTML을 사용하면 수백만 가지 색상 중에서 선택할 수 있지만 항상 이름이있는 것은 아닙니다. 대신 16 진수 시스템에서 6 자리 코드를 사용합니다. 색상에 대한 16 진 코드 목록을 제공하는 많은 웹 사이트가 있거나 화면에서 색상을 직접 선택하여 코드를 얻을 수도 있습니다. 숫자는 # 기호로 시작하고 0에서 9까지의 숫자와 문자 d에서 F까지의 6 자리 숫자로 시작합니다.- 코드 # FF0000은 "red"로 표시된 빨간색과 동일합니다.
- 이 코드는 녹색을 생성합니다.
- 이 코드는 e를 파란색으로 만듭니다.
-
RGB 값으로 재생하십시오. 인터넷에서 찾은 팔레트에서 원하는 색상을 선택하기 위해 16 진 색상 코드가 어떻게 작동하는지 알 필요가 없습니다. 그러나 여러 실험을 수행하려면 기본 사항부터 시작해야합니다.- 각 6 자리 숫자는 빨강, 녹색 및 파랑 값 (또는 "빨강, 녹색, 파랑"의 경우 "RGB")으로 나뉩니다. 예를 들어, 코드 # FF0000은 실제로 "빨간색 : FF, 녹색 : 00, 파란색 : 00"을 의미합니다.
- 빨강의 양을 변경하려면 처음 두 자리를 변경하십시오. 00 (빨간색 없음)과 99 (약간의 빨간색) 사이와 AA (약간의 빨간색)와 FF (적색 최대 값) 사이의 값을 사용할 수 있습니다.
- 동일한 시스템을 사용하여 녹색 (가운데 두 자리)과 파란색 (마지막 두 자리)의 값을 변경하십시오.
-
코드의 깊이를 이해하십시오. 보다 정확한 색상 선택을 위해서는 두 가지 다른 개념을 이해해야합니다.- 이 세 값은 각각 두 자리 숫자로 구성됩니다. 작은 편집을 위해 두 번째 숫자를 변경할 수 있습니다. 예를 들면 다음과 같습니다. #850000 과 #890000 매우 비슷하지만 # A50000 훨씬 더 명확합니다.
- RGB 값은 추가 색상 합성 시스템을 기반으로 혼합됩니다. 빨강과 녹색 만들기 황색, 파랑 및 녹색 만들기 시안 빨간색과 파란색으로 마젠타 .
방법 2 태그에 CSS 사용
-
태그에 "style"속성을 삽입하십시오. 이 속성을 사용하면 CSS를 HTML 태그에 직접 넣을 수 있습니다. CSS를 모르더라도 색상을 변경하는 간단한 방법입니다. 다음 태그 중 하나에 넣으십시오.p 태그는 e로 단락을 둘러 쌉니다.
- 태그가 링크를 둘러싸고 있습니다
- 형식을 변경하지 않고 span 태그를 사용하여 e의 일부 색상을 변경하십시오.
-
색상을 나타냅니다. 삽입 색상 : 따옴표 안에있는 색상 또는 16 진 코드의 이름이 뒤에옵니다. 색상 이름에 대한 자세한 내용은 이전 방법의 예를 참조하십시오.- e는 이제 빨간색입니다.
- 진한 올리브 녹색의 코드는 다음과 같습니다.
- CSS는 3 자리 단축 색상 코드를 지원합니다. 코드 745는 774455의 약어입니다.
-
CSS 클래스를 사용하십시오. 모든 사진 또는 모든 챕터 타이틀에 동일한 스타일을 적용하려면 매번 같은 코드를 반복 할 필요는 없습니다. 대신, 문서의 헤더에 클래스를 정의하여 동일한 스타일을 적용 할 때마다 나중에 참조 할 수 있습니다. 다음은 "style"속성의 여러 사용법을 보여주는 예입니다.- 섹션에서 HTML 페이지에서 다음 코드를 복사하십시오.
- 동일한 문서 본문에서 속성을 사용하십시오. 이 스타일을 항목에 추가합니다. 예를 들면 다음과 같습니다.
이 단락
넓은 필기체 글꼴과 함께 짙은 녹색으로 나타납니다. - 수업을 "팬시"라고 부르지 않아도되고 원하는 이름을 지정할 수 있습니다.
- 섹션에서 HTML 페이지에서 다음 코드를 복사하십시오.