i 태그를 사용할 수 있습니다. 기본 HTML 텍스트 형식 지정 태그 - 텍스트를 굵게 및 기울임꼴로 강조 표시합니다. 크기, 색상 및 글꼴 옵션; 단락 및 제목 태그. SD 회사 페이지에 오신 것을 환영합니다

꼬리표 HTML에서는 이탤릭체로 된 텍스트를 강조하는 데 사용됩니다.

HTML 태그 물리적 형식 지정 태그를 나타냅니다. 태그를 사용하여 글꼴 스타일 변경 본질적으로 문체적입니다.

태그를 사용하여 HTML 텍스트를 기울임꼴로 만들 수도 있습니다. 이 경우 텍스트는 논리적으로 강조 표시(의미상)되어 "밑줄이 그어진" 것으로 간주됩니다.

HTML5 사양에서는 논리적 형식 태그(중요한 텍스트 조각 - 태그, 강조 - 태그, 하위 제목 - 태그, 텍스트 강조 - 태그)에 우선순위를 부여할 것을 권장합니다. 태그를 사용하여 텍스트를 기울임꼴로 표시 선택 패턴이 논리적 형식 지정 태그와 일치하지 않는 경우에만 사용해야 합니다.

모든 유형의 텍스트 선택은 기사에 설명되어 있습니다.

통사론

이탤릭체로 된 텍스트

브라우저 디스플레이

사용예 HTML 코드에서




HTML의 기울임꼴 태그


모든 웹사이트에 배치할 수 있는 간단한 텍스트입니다. 그리고 여기 이탤릭체로 된 텍스트가 있습니다(

안녕하세요, 친구들.

또 다시 긴 휴식을 취한 후에 나는 오랫동안 한 줄도 쓰지 않았다는 것을 기억했습니다. 물론 여기에는 이유가 있기 때문에 항상 변명거리가 나올 수 밖에 없겠죠? 사실 저는 이미 몇 번 언급한 비디오 코스를 매일 하고 있지만 지금은 더 이상 말하지 않겠습니다. 곧 모든 것을 알게 될 것입니다.

그래서 쓸 내용이 떠오르지 않았기 때문입니다. 나는 HTML, WordPress, DLE 및 유사한 주제와 관련하여 RuNet 사용자의 관심사가 무엇인지 알아보기 위해 통계를 살펴보기로 결정했습니다. 그리고 무엇을 추측합니까? 아직 쓸 내용이 남아 있습니다. 내가 찾은 모든 질문에는 답이 있는 것 같지만 항상 이해할 수 있는 형식은 아닙니다. 그리고 일반적으로 그런 것을 쓰는 것이 흥미로워졌습니다.

오늘은 HTML에 대해 이야기하겠습니다. 즉, 텍스트를 볼드체와 이탤릭체로 강조하는 방법과 색상으로 강조하는 방법에 대해 이야기하겠습니다.

텍스트를 굵게 표시합니다.

텍스트를 굵게 만들기 위해 CSS 스타일을 멋지게 처리하거나 다른 복잡한 문제를 생각해낼 필요가 없습니다. HTML에는 이미 이 기능이 있습니다. 동시에 텍스트를 굵게 강조 표시할 수 있을 뿐만 아니라 강조 표시를 사용하여 텍스트를 강조할 수도 있습니다. 검색 엔진이나 특수 브라우저 또는 프로그램에 중점을 둘 수 있습니다. 가장 중요한 것은 기사의 텍스트나 일부 정보가 포함된 페이지에 강조점을 두어 과용하지 않는 것입니다. 이는 적어도 이 HTML 페이지의 홍보에 해로운 영향을 미칠 수 있기 때문입니다.

따라서 간단히 텍스트를 굵게 표시하려면 태그를 사용할 수 있습니다. . 이 태그는 물리적 마크업 요소를 참조하며 텍스트를 강조하지 않고 굵게 설정합니다. 이 태그는 쌍을 이루는 태그입니다. 즉, 여는 태그와 닫는 태그가 모두 있습니다. 또한 요소가 인라인이므로 일부 블록 요소에 있어야 합니다. 예를 들어

샘플 코드:

미리보기 이미지

결과:

미리보기 이미지

이 경우에는 텍스트를 굵게 강조 표시했습니다. 그게 전부입니다.

하지만 그런 일이 발생하므로 텍스트를 강조 표시하는 것뿐만 아니라 텍스트에 집중해야 합니다. 이를 위해 논리적 마크업 태그를 사용할 수 있습니다. . 이 태그로 강조 표시된 텍스트는 검색 엔진에서 더 큰 비중을 차지합니다. 하지만 이론적으로는 태그와 달라야 합니다. 예를 들어 억양으로 음성 브라우저에서. 하지만 저는 이 정보에 대해 확인도 부정도 할 수 없습니다. 사실인가요?

이 경우 굵게 강조 표시 한 경우와 모든 것이 동일하며 강조 표시가 아닌 강조만 표시됩니다.

샘플 코드:

결과:

그것은 모두 아주 간단합니다, 그렇죠?

텍스트를 기울임꼴로 표시합니다.

이 경우 모든 것이 첫 번째 것보다 더 복잡하지 않습니다. 그리고 우리의 상황은 완전히 동일합니다. HTML에서는 두 가지 옵션을 사용하여 텍스트를 강조표시할 수 있습니다. 이번에도 물리적 마크업 태그나 논리적 태그를 사용하여 선택한 텍스트에 다시 초점을 맞춥니다.

텍스트를 이탤릭체로 만들려면 태그를 사용하겠습니다. . 이 요소는 쌍을 이루고 인라인으로 구성되어 있어 여는 태그와 닫는 태그를 모두 사용해야 함을 알려줍니다. 또한 블록 요소 내부에서도 사용해야 합니다. 그리고 이 경우 가장 적합한 블록 요소는 단락 태그입니다.

샘플 코드:

이탤릭체로 된 텍스트

결과:

이탤릭체로 된 텍스트

그리고 물론 태그를 사용하여 텍스트를 이탤릭체로 강조 표시함으로써 동시에 텍스트를 강조할 수도 있습니다. . 이 항목은 다음과 동일합니다. 단, 텍스트는 굵게 표시되지 않고 기울임꼴로 표시됩니다.

샘플 코드:

우리가 집중한 텍스트

결과:

우리가 집중한 텍스트

오늘 제가 마지막으로 이야기하고 싶은 것은 텍스트를 색상으로 강조하는 것입니다.

안타깝게도 HTML에는 텍스트를 색상으로 강조 표시하는 태그가 없습니다. 하지만 여전히 이 방법에는 복잡한 것이 없습니다.

따라서 텍스트의 특정 부분을 색상으로 강조 표시하려면 텍스트의 원하는 부분을 태그로 감싸면 됩니다. 는 일반 태그이며 블록 요소 내부에서 사용됩니다. 우리의 경우 블록 요소는 태그입니다.

하지만 추가 부족한. 또한 필수 텍스트에 CSS 속성을 추가할 수 있는 스타일 매개변수를 지정하고, 특정 색상을 설정하는 데 도움이 되는 속성 자체(색상)를 지정해야 합니다. 마지막으로 색상 속성에 대한 값을 제공합니다. 그러나 “무엇을 표시해야 합니까?”라는 질문이 생길 수 있습니다. 텍스트를 "채색"하려는 색상의 HTML 코드를 지정해야 합니다. HTML 색상 코드를 찾을 수 있습니다.

이제 더 명확하게 하기 위해 예를 살펴보겠습니다.

예제 코드.

강조할 텍스트 색상

이 경우 색상으로 한 단어를 강조 표시합니다. 또한 태그가 페어링되었으며 속성이 끝나야 하는 곳에서 닫아야 합니다.

결과:

강조할 텍스트

이러한 간단한 방법으로 페이지의 텍스트를 조작할 수 있습니다. 또한 모든 엔진이 페이지를 표시하기 위해 HTML을 사용하기 때문에 우리가 방금 이야기한 모든 내용은 WordPress와 DLE 모두에서 작동한다는 점에 주목하고 싶습니다. 그렇기 때문에 어떤 CMS를 사용하든 HTML은 모든 웹사이트의 기초라고 할 수 있습니다.

모든 것을 명확하게 설명했으면 좋겠습니다.

행운을 빌어요, 친구들. 곧... 흥미로운 소식이 있을 겁니다...

안녕하세요, 블로그 독자 여러분! 이 기사에서는 다음에 대해 이야기합니다. 텍스트 서식 지정 태그. 대표적인 예로는 텍스트를 굵게 또는 기울임꼴로 만드는 것이 있습니다. 또한 일부 태그가 내부 웹사이트 최적화에 미치는 영향과 태그 작성 규칙도 살펴보겠습니다. 해당 기사에서 이에 대해 읽을 수 있습니다. 그런데 Word와 같은 많은 텍스트 편집기에서 유사한 텍스트 디자인 요소를 찾을 수 있습니다.

태그는 블록형과 인라인형의 2가지 유형으로 나뉩니다. 전자를 사용할 경우 텍스트의 일부(줄, 개별 조각 또는 단어)의 내용을 변경할 수 있으며 후자는 입니다. 이 문서에서 살펴볼 서식 지정 태그는 주로 소문자입니다.

태그 작성 규칙 및 순서

당신은 이미 여는 태그와 닫는 태그가 무엇인지 알고 있습니다. 그렇지 않다면 이 자료의 시작 부분에 있는 기사를 읽어 보십시오. 간단히 말해서 태그에는 두 가지 유형이 있습니다.
) 및 컨테이너(쌍)입니다. 따라서 모든 텍스트 서식 지정 태그는 짝을 이루는. 즉, 모든 요소에는 여는 태그와 닫는 태그가 있으며 강조 표시는 그 사이에 배치되어야 합니다. 예를 들어, 올바른 문구 선택은 다음과 같습니다. 선택된 조각

브라우저가 이 조각을 처리하면 다음 텍스트가 표시됩니다. 선택된 조각.그런데 RSS 피드()에는 모든 태그가 표시되지 않습니다.

태그를 작성할 때 가장 중요한 것은 태그를 닫는 것을 기억하는 것입니다. 그렇지 않으면 페이지의 모든 텍스트가 굵게 강조 표시됩니다(태그가 있는 예에서는 ). 하지만 동시에 특정 부분을 굵은 글꼴과 기울임꼴로 강조 표시해야 하는 경우가 있습니다. 하지만 이 작업을 수행하는 태그가 없습니다. 이 상황에서 벗어날 수 있는 방법은 단 하나뿐입니다. 동시에 두 개의 태그를 사용하는 것입니다. 어떤 순서로 사용하는지는 중요하지 않습니다. 따라서 다음과 같은 태그를 사용하여 텍스트를 작성합니다.

선택된 조각

또는 다음과 같습니다:

선택된 조각

당신은 여전히받을 것입니다 선택된 조각 이탤릭체와 굵게 동시에. 그러나 처음에는 이 옵션이 유일하고 올바른 옵션이었으므로 첫 번째 옵션을 사용하는 것이 좋습니다. 또한 각 브라우저는 설정에 따라 태그를 다르게() 처리할 수 있다는 점을 잊지 마세요. 이제 서식 태그 자체에 대해 살펴보겠습니다.

굵은 기울임꼴 텍스트 - 태그 , , 그리고

가장 많이 사용되는 텍스트 서식 지정 태그 - 강조 표시 용감한그리고 이탤릭체. 일반적으로 조각에 중요성을 부여하는 데 사용됩니다. 첫 번째 사례는 유용한 정보나 키워드가 포함된 부분을 강조하는 역할을 합니다. 이탤릭체는 굵은 텍스트와 같은 목적으로 사용되지만, 굵은 텍스트보다 본문 텍스트의 배경에서 이탤릭체가 덜 눈에 띄기 때문에 정보의 중요성이 덜합니다.

먼저 생각해 보자 텍스트를 굵게 만들기. 이 작업에는 두 가지 태그가 사용됩니다. 그리고 . 겉모습에는 차이가 없습니다. 그러나 각 브라우저는 각 요소를 다르게 해석할 수 있으므로 차이점을 확인할 수 있습니다. 태그의 텍스트는 다음과 같습니다. 그리고 브라우저에서 이미 처리된 양식으로:

태그의 텍스트가 강함

b 태그의 텍스트

페이지의 소스 코드에서 이 두 줄은 다음과 같습니다.

태그의 텍스트가 강함 b 태그의 텍스트

의 경우에도 동일한 상황을 관찰할 수 있습니다. 기울임꼴 태그 그리고 . 두 예의 차이점을 찾아보세요.

em 태그의 텍스트

태그의 텍스트 I

소스 코드는 다음과 같습니다.

em 태그의 텍스트 태그 안의 텍스트 I

따라서 고려되는 볼드체 및 이탤릭체 태그는 실제로 다르지 않지만 예를 들어 태그가 필요한 이유는 무엇입니까? 만약 거기에 ? 결국 후자는 단 하나의 문자(괄호는 포함하지 않음)만 포함하므로 작성하기가 더 쉽습니다. 그리고 요점은 태그가 그리고 영향 . 키워드를 이러한 태그로 둘러싸면 웹사이트 홍보에 유익한 효과가 있습니다. 가장 중요한 점은 무리하지 않는 것입니다. 텍스트에는 태그에 최대 5%의 굵은 텍스트가 포함되어야 합니다. , 태그에 이탤릭체 양이 동일함 .

텍스트의 특정 지점만 강조 표시하려면 태그를 사용하세요. 또는 . 일반적으로 검색 엔진도 이러한 태그의 텍스트를 더 중요하게 생각한다고 생각합니다. 내부 최적화아직은 그 영향력이 덜해요 그리고 .

선으로 텍스트를 강조하기 위한 태그 - , 그리고

이제 텍스트 디자인에서 대시를 사용하는 몇 가지 태그를 살펴보겠습니다. 여러분이 알고 있는 가장 유명한 텍스트 편집기는 다음과 같습니다. 꼬리표 또는 밑줄. 이 태그는 (내가 아는 한) 순위에 영향을 미치지 않지만, 일부 텍스트를 강조 표시하고 이에 주의를 집중하면 도움이 될 것입니다. 바로 위에 이 태그를 사용하는 예를 들었습니다.

목적이 비슷한 두 개의 태그가 더 있습니다. 그리고 . 둘 다 텍스트를 강조하는 기능을 수행합니다. 어떤 상황에서도 이 태그를 사용할 수 있습니다. 문서(또는 문서의 일부)를 업데이트하는 경우 이전 문서에 줄을 그어 지우고 새 문서를 추가할 수 있습니다. 자료의 주제에서 벗어나는 글을 쓰려고 한다면; 도덕적, 윤리적 기준에 부합하지 않는 것.

이 두 태그의 차이점은 글쓰기, 결과적으로 첫 번째 것을 사용하는 것이 바람직합니다. 첫째, 작성하는 것이 더 편리하고, 둘째, 페이지에 HTML 코드가 적게 포함되어 검색 엔진이 이를 좋아합니다.

꼬리표 및 속성 - 텍스트 글꼴 매개변수

이제 속성 없이는 사용되지 않는 태그를 생각해 보세요. 이를 사용하면 특정 텍스트에 대한 매개변수를 설정할 수 있습니다. 일반적으로 이제는 (계단식 스타일 시트)를 사용하는 것이 더 좋습니다. 왜냐하면... 이를 사용하면 페이지의 전체 HTML 코드를 크게 줄일 수 있습니다. 그럼 동일한 태그를 살펴보겠습니다. . 그에게는 모든 것이 존재한다 세 가지 속성:

  • 얼굴- 글꼴 자체. 예를 들어 Arial, Courier 또는 Verdana가 있습니다. 여러 개를 나열할 수 있습니다. 모든 사용자가 광범위한 글꼴 세트를 갖고 있는 것은 아니며, 얼굴 속성에 여러 글꼴을 작성하면 브라우저는 사용할 글꼴 또는 시스템에 존재하는 글꼴을 선택할 수 있습니다.
  • 크기— 텍스트 크기를 나타내는 속성입니다. 기존 단위와 픽셀 모두로 표현할 수 있습니다.
  • 색상- 텍스트 색상. 이 속성은 HTML 색상 코드와 단어 코드 모두에서 사용할 수 있습니다. 첫 번째 항목은 #FFFFFF(여기서 F는 A에서 F까지의 숫자 또는 문자) 형식을 가지며, 두 번째 항목은 간단한 단어(예: 빨간색)로 작성됩니다.

태그의 텍스트는 다음과 같습니다. 각 속성을 사용하여:

이 텍스트는 6px입니다.


이 텍스트는 빨간색입니다.

이 텍스트는 Arial 글꼴입니다.

이 텍스트는 빨간색이고 크기는 5px입니다.

작성된 코드를 처리한 후에는 다음과 같은 내용을 보게 됩니다.

블록 텍스트 디자인 요소 - 제목

-

, 단락

마지막으로 거의 모든 문서에서 사용되는 블록 요소를 살펴보겠습니다. 제목과 단락 태그가 있습니다. 첫 번째를 고려해 봅시다. 제목에는 6가지 유형이 있으며 각각 고유한 태그가 있습니다. 각 유형에는 고유한 일련 번호만 있으며 태그를 사용하여 기록됩니다.

,

,...,

. 처리 시 모든 헤더의 모양은 다음과 같습니다.

단어 제목 뒤의 숫자는 태그의 숫자에 해당합니다. . 제목은 페이지 최적화에 큰 영향을 미치므로 태그로 묶습니다. 키워드. 이 사례에는 몇 가지 특징이 있는데, 이에 대해서는 후속 기사에서 설명하겠습니다.

이제 단락 강조 태그에 대해 이야기하겠습니다.

이 태그의 기능은 다른 동일한 텍스트와 빈 줄 사이의 텍스트를 구분하는 것입니다. 문서의 소스코드를 보면 다음과 같은 내용을 볼 수 있습니다.

녹색 직사각형에는 하나의 단락이 포함되고, 빨간색 직사각형에는 다른 단락이 포함됩니다. 브라우저에서 처리한 후 이 코드는 다음과 같습니다(화살표는 빈 줄을 가리킵니다).

결과적으로 한 단락이 다른 단락과 상당히 눈에 띄게 분리되어 유익합니다. 읽기가 더 편리해집니다.

이것에 관한 기사가 끝났습니다. 문서 서식 태그. 이 자료에서 설명한 것보다 더 많은 것들이 있습니다. 그들 중 일부에 대해 많은 이야기가 필요하며 그 결과 전체 리뷰가 포함된 별도의 기사가 해당 항목에 전념하게 됩니다!

이 기사에서는 텍스트를 강조 표시하는 방법에 대해 설명합니다. 이탤릭체 HTML. 굵은 텍스트와 마찬가지로 기울임꼴 텍스트도 세 가지 방법으로 만들 수 있습니다.

  • 꼬리표 HTML;
  • 꼬리표 여자 이름 HTML;
  • CSS 속성 글꼴 스타일.

HTML에서 이탤릭체를 만드는 방법에 대한 세 가지 옵션을 모두 살펴보고, 이 문제의 복잡성과 특정 상황에서 사용하기에 더 편리하고 올바른 방법에 대해 논의해 보겠습니다.

기울임꼴 텍스트: 태그

꼬리표 (이탤릭체), 태그와 유사 굵은 텍스트의 경우 기울임꼴 텍스트를 물리적으로 강조 표시하는 역할을 합니다(텍스트 스타일만 변경됨을 의미함). 태그 적용 :

웹사이트 빌더 "Nubex"

따라서 텍스트의 필수 부분이 태그 사이에 배치됩니다. .

기울임꼴 텍스트: 태그

비록 태그는 유효한 상태로 유지되므로 사이트 최적화의 관점에서 태그를 사용하는 것이 더 좋습니다. 여자 이름텍스트의 논리적으로 중요한 부분을 강조 표시합니다. 이는 검색 로봇이 태그 사이에 배치된 텍스트의 중요성을 고려한다는 것을 의미합니다. :

웹사이트 빌더 "누벡스"

결과:

웹사이트 빌더 "누벡스"

하지만 태그 안에 포함된 텍스트를 잊지 마세요. 그리고 여자 이름, 비록 모든 최신 브라우저에서 거의 동일하게 표시되지만 위에서 언급한 것처럼 본질적으로 완전히 동일하지는 않습니다. 따라서 필요에 따라 태그를 사용해야 합니다. 여자 이름 HTML 프레임의 중요한 텍스트 섹션과 시각적 이탤릭체는 태그를 사용하여 적용됩니다. 또는 CSS 스타일. 이제 CSS 스타일을 사용하여 기울임꼴 텍스트를 만드는 방법을 살펴보겠습니다.

CSS를 사용한 기울임꼴 텍스트

CSS에서 글꼴 표시 스타일을 설정하려면 속성을 사용하십시오. 글꼴 스타일, 다음 값을 사용할 수 있습니다. 비스듬한(이탤릭체 텍스트), 이탤릭체(이탤릭체) 및 정상(일반 글꼴).

그것을 기억할 가치가 있습니다 이탤릭체글꼴과 기울어진, 본질적으로 같은 것은 아닙니다. 이탤릭체손으로 쓴 텍스트와 유사한 특수 글꼴입니다. 기울어진일반 글꼴을 오른쪽으로 기울여서 형성됩니다.

속성 적용 글꼴 스타일실제로:

CSS를 사용한 기울임꼴 - "Nubex"

우리 사이트는 실제로 거대한 발걸음웹 개발 중.

우리는 진짜로 해 품질사이트.



하지만 일부 브라우저에는 속성이 포함된 텍스트가 있다는 점을 기억해야 합니다. 글꼴 스타일:경사;이탤릭체 텍스트로 해석되지 않고 이탤릭체 텍스트로 해석될 수 있습니다.

HTML에서는 글꼴 크기가 중요한 역할을 합니다. 이를 통해 사이트 페이지에 게시된 중요한 정보에 사용자의 관심을 끌 수 있습니다. 글자의 크기뿐만 아니라 색상, 두께, 심지어 가족까지 중요합니다.

HTML 글꼴 작업 시 태그 및 속성

하이퍼텍스트 언어에는 글꼴 작업을 위한 다양한 도구가 있습니다. 결국 텍스트 서식 지정은 html의 주요 작업입니다.

HTML 언어를 만든 이유는 브라우저에서 텍스트 서식 규칙을 표시하는 문제였습니다.


HTML의 글꼴 작업에 사용되는 태그와 해당 속성을 살펴보겠습니다. 가장 중요한 것은 태그입니다. . 해당 속성 값을 사용하여 글꼴의 여러 특성을 설정할 수 있습니다.

  • color – 텍스트 색상을 설정합니다.
  • size – 기존 단위의 글꼴 크기입니다.

1부터 7까지의 양수 속성 값이 지원됩니다.

  • 얼굴 - 태그 내부에 사용될 텍스트 글꼴 모음을 설정하는 데 사용됩니다. . 쉼표로 구분된 여러 값이 지원됩니다.

쌍을 이루는 글꼴 태그 부분 사이에 있는 텍스트에만 서식이 지정됩니다.나머지 텍스트는 표준 기본 글꼴로 표시됩니다.

또한 html에는 하나의 형식 지정 규칙만 지정하는 여러 쌍의 태그가 있습니다. 여기에는 다음이 포함됩니다.

  • — html에서 굵은 글꼴을 설정합니다. 꼬리표 이전 작업과 유사합니다.
  • — 크기가 기본값보다 큽니다.
  • — 더 작은 글꼴 크기;
  • — 이탤릭체 텍스트(이탤릭체). 유사 태그 ;
  • — 밑줄이 있는 텍스트;
  • - 줄을 그었습니다.
  • — 텍스트를 소문자로만 표시합니다.
  • - 대문자로.

일반 텍스트

썸네일

썸네일

평소보다 더

평소보다 적음

이탤릭체

이탤릭체

밑줄 포함

지워진

스타일 속성 기능

설명된 태그 외에도 html에서 글꼴을 변경하는 방법이 여러 가지 더 있습니다. 그 중 하나는 일반 스타일 속성을 사용하는 것입니다. 해당 속성 값을 사용하여 글꼴 표시 스타일을 설정할 수 있습니다.

1) 글꼴 패밀리 - 속성은 글꼴 패밀리를 설정합니다. 여러 값을 나열하는 것이 가능합니다.
사용자 운영 체제에 이전 제품군이 설치되어 있지 않은 경우 html의 글꼴을 다음 값으로 변경합니다..

작성 구문:

글꼴 계열: 글꼴 이름 [, 글꼴 이름[, ...]]

2) 글꼴 크기 – 크기는 1에서 7까지 설정됩니다. 이는 HTML에서 글꼴을 늘릴 수 있는 주요 방법 중 하나입니다.
작성 구문:

글꼴 크기: 절대 크기 | 상대적인 크기 | 의미 | 관심 | 상속하다

글꼴 크기를 설정할 수도 있습니다.

  • 픽셀 단위;
  • 절대적인 용어로 ( xx-소형, x-소형, 소형, 중형, 대형);
  • 백분율로;
  • 포인트(pt) 단위입니다.

글꼴 크기:7

글꼴 크기:24px

글꼴 크기: x-large

글꼴 크기: 200%

글꼴 크기:24pt

3) 글꼴 스타일 - 글꼴 쓰기 스타일을 설정합니다. 통사론:

글꼴 스타일: 일반 | 이탤릭체 | 비스듬한 | 상속하다

값:

  • 일반 - 일반 철자법;
  • 이탤릭체 – 이탤릭체;
  • oblique – 글꼴이 오른쪽으로 기울어졌습니다.
  • 상속 – 상위 요소의 철자를 상속합니다.

이 속성을 사용하여 html에서 글꼴을 변경하는 방법의 예:

글꼴 스타일:상속

글꼴 스타일:기울임꼴

글꼴 스타일:일반

글꼴 스타일:경사

4) 글꼴 변형 – 모든 대문자를 대문자로 변환합니다. 통사론:

글꼴 변형: 일반 | 작은 대문자 | 상속하다

이 속성을 사용하여 html에서 글꼴을 변경하는 방법의 예:

글꼴 변형:상속

글꼴 변형:일반

글꼴 변형:작은 대문자

5) 글꼴 두께 – 텍스트의 두께(채도)를 설정할 수 있습니다. 통사론:

글꼴 두께: 굵게|굵게|더 가벼워|보통|100|200|300|400|500|600|700|800|900

값:

  • 굵은 글씨 – html 글꼴을 굵은 글씨로 설정합니다.
  • 더 굵게 - 평소보다 더 굵게;
  • 더 가벼움 – 정상에 비해 포화도가 낮습니다.
  • 일반 - 일반 철자법;
  • 100-900 – 숫자에 해당하는 글꼴 두께를 설정합니다.

글꼴 두께:굵게

글꼴 두께:굵게

글꼴 두께:더 가벼움

글꼴 두께:보통

글꼴 두께:900

글꼴 두께:100

HTML 글꼴 속성 및 글꼴 색상

글꼴은 또 다른 컨테이너 속성입니다. 그 자체에는 글꼴 변경을 위한 여러 속성의 값이 결합되어 있습니다. 글꼴 구문:

글꼴: 글꼴 크기 글꼴 계열 | 상속하다

값은 다양한 컨트롤의 레이블에서 시스템이 사용하는 글꼴로 설정할 수도 있습니다.

  • 캡션 – 버튼용;
  • 아이콘 - 아이콘용.
  • 메뉴 - 메뉴;
  • 메시지 상자 – 대화 상자용;
  • 작은 캡션 – 작은 컨트롤용
  • 상태 표시줄 – 상태 표시줄 글꼴.

글꼴:아이콘

글꼴:캡션

글꼴:메뉴

글꼴:메시지 상자

작은 캡션

글꼴:상태 표시줄

글꼴: 기울임꼴 50px 굵은 "Times New Roman", Times, serif

HTML에서 글꼴 색상을 설정하려면 color 속성을 사용할 수 있습니다. 키워드를 사용하거나 RGB 형식으로 색상을 설정할 수 있습니다. 16진수 코드에서도 마찬가지입니다.



질문이 있으신가요?

오타 신고

편집자에게 전송될 텍스트: