현재 기사에서는 텍스트를 강조 표시하는 방법에 대해 설명합니다. 이탈 릭 체로 HTML. 굵은 텍스트와 마찬가지로 기울임꼴 텍스트는 세 가지 방법으로 만들 수 있습니다.
- 꼬리표 나 HTML;
- 꼬리표 여자 이름 HTML;
- CSS 속성 글꼴 스타일.
HTML에서 기울임꼴을 만드는 방법에 대한 세 가지 옵션을 모두 고려하고 이 문제의 미묘함과 특정 상황에서 사용하는 것이 더 편리하고 올바른 방법에 대해 논의해 보겠습니다.
기울임꼴 텍스트: 태그
꼬리표 나(이탤릭체), 태그와 유사 비~을 위한 굵은 텍스트, 기울임꼴 텍스트를 물리적으로 강조하는 데 사용됩니다(텍스트의 스타일만 변경됨을 의미). 태그 적용 나:
웹사이트 빌더 "Nubex"
따라서 텍스트의 원하는 부분이 태그 사이에 배치됩니다. .
기울임꼴 텍스트: 태그
비록 태그 나유효하며 사이트 최적화의 관점에서 태그를 사용하는 것이 좋습니다. 여자 이름텍스트의 논리적으로 중요한 부분을 강조 표시합니다. 이는 검색 로봇이 태그 사이에 배치된 텍스트의 중요성을 고려한다는 것을 의미합니다. :
웹사이트 빌더 "누벡스"
결과:
웹사이트 빌더 "누벡스"
그러나 태그로 묶인 텍스트는 나그리고 여자 이름, 거의 동일하게 표시되지만(모두 최신 브라우저), 위에서 언급한 것처럼 본질적으로 완전히 동일하지 않습니다. 따라서 필요에 따라 태그를 사용해야 합니다. 여자 이름 HTML은 텍스트의 중요한 부분을 프레임화하고 태그를 사용하여 시각적 기울임꼴 스타일을 적용합니다. 나또는 CSS 스타일. 이제 CSS 스타일을 사용하여 텍스트를 기울임꼴로 표시하는 방법을 살펴보겠습니다.
CSS를 사용한 기울임꼴 텍스트
CSS에서 글꼴 표시 스타일을 설정하려면 속성을 사용하십시오. 글꼴 스타일, 다음 값을 사용할 수 있습니다. 비스듬한(이탤릭체), 이탤릭체(이탤릭체) 및 정상(일반 글꼴).
그것을 기억할 가치가 있습니다 이탤릭체글꼴 및 기울어진본질적으로 동일하지 않습니다. 기울임꼴손으로 쓴 텍스트와 유사한 특수 글꼴이며, 기울어진기울기에 의해 형성 일반 글꼴오른쪽으로.
속성 적용 글꼴 스타일연습:
우리 사이트는 정말 거대한 단계웹 개발에서.
우리는 그것을 진짜로 한다 품질사이트.
그러나 일부 브라우저에서는 속성이 포함된 텍스트를 글꼴 스타일: 비스듬한;기울임꼴 텍스트가 아니라 기울임꼴로 해석될 수 있습니다.
HTML은 텍스트 스타일과 관련하여 몇 가지 옵션을 제공합니다. 오늘은 표준 글꼴과 비표준 글꼴 모두에서 html로 기울임꼴 글꼴을 만드는 방법을 알려 드리겠습니다. 두 번째 경우 모든 것이 작동하려면 무언가를 고려해야합니다.
html에서 기울임꼴을 작성하는 방법은 무엇입니까?
우선, html 자체에는 텍스트에 기울임꼴 스타일을 부여하는 두 개의 태그가 있습니다. 이들은 em 과 i 입니다. 그건 그렇고, 두 번째 것은 지금 이 글을 쓰고 있는 워드프레스 엔진의 html 편집기에 내장되어 있습니다. 이 태그는 어떻게 다른가요? 사실, 오늘 나는 그것들이 어떻게 든 다르다고 큰 소리로 선언하고 싶지 않습니다.
일반적으로 em은 특별한 억양으로 발음해야 하는 단어를 강조하는 데 사용되며 i는 텍스트를 시각적으로 강조하는 데 사용됩니다. 그러나 이것이 실제로 사실인지 알 수 없기 때문에 이것에 신경쓰지 말자.
기울임꼴 텍스트의 CSS 속성은 무엇입니까?
이것은 font-style 속성이고 그 값은 italic 입니다. 사선 값도 있으며 텍스트를 기울임꼴로 바꿉니다. 이 값 사이에 차이가 있습니까? 거의 없습니다. 그건 그렇고, 이것과 다른 것에 대해 자세히 CSS 속성텍스트의 경우 모든 것이 선반에 배치되어 있는 해당 기사를 읽으십시오.
사용자 정의 글꼴을 기울임꼴로 표시하는 방법은 무엇입니까?
사실 구글폰트를 통해 비표준글꼴을 연결하면 이 경우 연결시 기울임꼴 스타일을 1개 이상 체크해야 합니다. 이것이 완료되지 않은 경우 이러한 글꼴을 기울임꼴로 만들려고 할 때 표준 글꼴 중 하나가 기울임꼴로 표시됩니다. 그건 그렇고,이 기사에서 비표준 글꼴 연결에 대해 읽을 수 있습니다.
이 스크린샷에서 다음을 통해 글꼴을 연결하는 부분을 볼 수 있습니다. 구글 서비스글꼴.
보시다시피 하나 이상의 기울임꼴 옆에 확인 표시가 있습니다. 이제 필요한 태그나 스타일 속성을 사용할 때 이 글꼴은 다른 글꼴이 아닌 기울임꼴이 됩니다.
따라서 기울임꼴로 작업할 때의 모든 포인트를 분석했습니다. 감히 당신을 더 이상 가둘 수 없습니다.
설명
글꼴 스타일(일반, 기울임꼴 또는 기울임꼴)을 지정합니다. 텍스트가 기울임꼴 또는 기울임꼴로 설정되면 브라우저는 시스템에서 적절한 글꼴을 찾습니다. 지정된 글꼴을 찾을 수 없는 경우 브라우저는 특수 알고리즘을 사용하여 원하는 유형의 텍스트를 시뮬레이션합니다. 특히 문서를 인쇄할 때 결과와 품질이 만족스럽지 않을 수 있습니다.
통사론
글꼴 스타일: 일반 | 기울임꼴 | 비스듬한 | 상속하다
가치
일반 일반 텍스트 스타일. 기울임꼴 기울임꼴 스타일입니다. 비스듬한 비스듬한 스타일. 기울임꼴과 기울임꼴은 비슷하지만 같은 것은 아닙니다. 기울임꼴은 손글씨를 모방한 특수 글꼴이며 기울임꼴은 일반 문자를 오른쪽으로 기울임으로써 형성됩니다. 상속 부모의 값을 상속합니다.HTML5 CSS2.1 IE Cr Op Sa Fx
뒤스 테 푸기파실리시
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
결과 이 예그림에 나와 있습니다. 하나.
쌀. 1. font-style 속성 적용하기
개체 모델
document.getElementById("elementID").style.fontStyle
브라우저
Internet Explorer 버전 7.0까지는 상속 값을 지원하지 않습니다.
브라우저는 항상 oblique 값이 italic 인 텍스트를 표시합니다.
html에서 글꼴 크기는 중요한 역할을 합니다. 그것은 사용자의 주의를 끈다. 중요한 정보웹사이트 페이지에 게시했습니다. 글자의 크기뿐만 아니라 색상, 두께 및 가족도 중요합니다.
html 글꼴로 작업할 때의 태그 및 속성
하이퍼텍스트 언어는 큰 세트글꼴 도구. 결국 텍스트 서식은 html 의 주요 작업입니다.
창조의 원인 HTML 언어브라우저에서 텍스트 서식 규칙을 표시하는 데 문제가 있었습니다.
html의 글꼴과 해당 속성을 사용하는 데 사용되는 태그를 고려하십시오. 메인은 태그 . 속성 값을 사용하여 여러 글꼴 특성을 설정할 수 있습니다.
- color - 텍스트의 색상을 설정합니다.
- size – 임의 단위의 글꼴 크기입니다.
1에서 7까지의 양수 속성 값이 지원됩니다.
- face - 태그 내에서 사용할 텍스트의 글꼴 패밀리를 설정하는 데 사용됩니다. . 쉼표로 구분된 여러 값이 지원됩니다.
부분 사이에 있는 텍스트만 서식이 지정됩니다. 짝을 이루는 태그폰트.나머지 텍스트는 기본 글꼴로 표시됩니다.
또한 html에는 하나의 형식 지정 규칙만 정의하는 여러 쌍의 태그가 있습니다. 여기에는 다음이 포함됩니다.
- - html에서 굵은 글꼴을 설정합니다. 꼬리표 이전 작업과 유사합니다.
- - 크기가 기본값보다 큽니다.
- — 더 작은 크기폰트;
- - 기울임꼴 텍스트(이탤릭체). 유사한 태그 ;
- - 밑줄이 있는 텍스트
- 긋다;- — 소문자로만 텍스트를 표시합니다.
- - 대문자.
일반 텍스트
썸네일
썸네일
평소보다
평소보다 적음
기울임꼴
기울임꼴
밑줄 있음
취소선
스타일 속성 기능
설명된 태그 외에도 html 에서 글꼴을 변경하는 몇 가지 방법이 더 있습니다. 그 중 하나는 일반 스타일 속성을 사용하는 것입니다. 속성 값을 사용하여 글꼴 표시 스타일을 설정할 수 있습니다.
1) font-family - 속성은 글꼴 패밀리를 설정합니다. 여러 값을 열거할 수 있습니다.
이전 패밀리가 다음 값으로 설정되지 않은 경우 html의 글꼴을 다음 값으로 변경합니다. 운영 체제사용자.
작성 구문:
글꼴 패밀리: 글꼴 이름 [, 글꼴 이름[, ...]]
2) font-size - 크기는 1에서 7까지 설정됩니다. 이것은 html에서 글꼴을 늘릴 수 있는 주요 방법 중 하나입니다.
작성 구문:
글꼴 크기: 절대 크기 | 상대적 크기 | 가치 | 관심 | 상속하다
글꼴 크기를 설정할 수도 있습니다.
- 픽셀 단위;
- 절대적으로 ( xx-소, x-소, 소, 중, 대);
- 퍼센트로;
- 포인트(pt).
글꼴 크기:7
글꼴 크기:24픽셀
글꼴 크기: x-large
글꼴 크기: 200%
글꼴 크기:24pt
3) 글꼴 스타일 - 글꼴 스타일을 설정합니다. 통사론:
글꼴 스타일: 일반 | 기울임꼴 | 비스듬한 | 상속하다
값:
- 일반 - 일반 철자법;
- 기울임꼴 - 기울임꼴
- 사선 - 오른쪽으로 기울어진 글꼴.
- 상속 - 상위 요소의 철자를 상속합니다.
이 속성을 사용하여 html에서 글꼴을 변경하는 방법의 예:
글꼴 스타일:상속
글꼴 스타일:기울임꼴
글꼴 스타일:일반
글꼴 스타일:기울기
4) font-variant - 모든 대문자를 대문자로 변환합니다. 통사론:
글꼴 변형: 일반 | 작은 모자 | 상속하다
이 속성을 사용하여 html에서 글꼴을 변경하는 방법의 예:
글꼴 변형:상속
글꼴 변형:일반
글꼴 변형:작은 대문자
5) font-weight - 글자의 굵기(채도)를 설정할 수 있습니다. 통사론:
글꼴 두께: 굵게|굵게|밝게|보통|100|200|300|400|500|600|700|800|900
값:
- 굵게 - html 글꼴을 굵게 설정합니다.
- 더 굵게 - 일반에 비해 더 굵게;
- 더 가벼움 - 정상에 비해 덜 포화됨;
- 일반 - 일반 철자법;
- 100-900 - 숫자로 글꼴 두께를 설정합니다.
글꼴 두께:굵게
글꼴 두께:굵게
글꼴 두께:더 가볍게
글꼴 두께:보통
글꼴 두께:900
글꼴 두께:100
font 속성 및 html 글꼴 색상
글꼴은 또 다른 컨테이너 속성입니다. 내부적으로는 글꼴을 변경하도록 설계된 여러 속성의 값을 결합했습니다. 글꼴 구문:
글꼴: 글꼴 크기 글꼴 패밀리 | 상속하다
또한 값은 비문에서 시스템에서 사용하는 글꼴로 설정할 수 있습니다. 다양한 요소통제 수단:
- 캡션 - 버튼용;
- 아이콘 - 아이콘용;
- 메뉴 - 메뉴;
- 메시지 상자 - 대화 상자용;
- 작은 캡션 - 작은 컨트롤용
- 상태 표시줄 - 상태 표시줄 글꼴입니다.
글꼴:아이콘
글꼴:캡션
글꼴:메뉴
글꼴:메시지 상자
작은 캡션
글꼴:상태 표시줄
글꼴:이탤릭체 50px 볼드체 "Times New Roman", Times, serif
html에서 글꼴 색상을 설정하기 위해 color 속성을 사용할 수 있습니다. 다음과 같이 색상을 설정할 수 있습니다. 예어, 뿐만 아니라 RGB 형식. 또한 16진수 코드의 형태로 제공됩니다.
꼬리표 HTML에서 텍스트를 기울임꼴로 표시합니다.
HTML 태그 물리적 서식 태그를 나타냅니다. 태그로 글꼴 스타일 변경 스타일리시하다.
하다 HTML 텍스트이탤릭체는 태그를 사용하여 수행할 수도 있습니다. 이 경우 텍스트는 "밑줄이 그어진"(의미에 따라) 논리적으로 선택된 것으로 간주됩니다.
HTML5 사양은 논리적 형식 지정 태그에 우선 순위를 부여할 것을 권장합니다. 중요한 텍스트 조각 - 태그, 강조 - 태그, 부제 - 태그, 텍스트 강조 - 태그. 태그가 있는 텍스트를 기울임꼴로 표시 선택 항목의 문자가 논리적 형식 지정 태그와 일치하지 않는 경우에만 뒤따릅니다.
모든 유형의 텍스트 선택은 다음 기사에 설명되어 있습니다.
통사론
기울임꼴로 된 텍스트브라우저에 표시
사용 예 HTML 코드에서
모든 사이트에 배치할 수 있는 일반 텍스트입니다. 다음은 기울임꼴로 된 텍스트입니다.