HTML에서 굵은 텍스트는 여러 가지 방법으로 만들 수 있습니다. 여기에는 다음이 포함됩니다.
- 꼬리표 비;
- 꼬리표 강한;
- CSS 속성 글꼴 두께.
각 텍스트 선택 옵션에 대해 순서대로 이야기해 보겠습니다.
굵은 텍스트: 태그
꼬리표 비 HTML은 다음과 같이 적용됩니다.
웹사이트 빌더 "Nubex"
태그용 클로징이 있어야 합니다및 일반 속성(예: 클래스, 아이디, 타이틀등.)
태그의 유효성이 있음에도 불구하고 비 HTML 사양에 의해 더 이상 사용되지 않으며 사용과 더 관련이 있는 태그는 강한이유를 보자.
굵은 텍스트: 태그
HTML 사양에 따르면 태그 비텍스트를 굵게 표시하는 데 사용됩니다. 이에 반해 태그는 강한 HTML은 강조 표시하는 역할을 합니다. 중요한 fah, 이 페이지의 핵심 단어.
이 태그는 페이지 순위를 매길 때 매우 중요합니다. 검색 결과, 그래서 그것은 웹사이트 프로모션 및 SEO 최적화에 널리 사용됩니다. 검색 엔진은 태그로 묶인 텍스트를 존중합니다. , 중요 항목으로 표시합니다.
사용된 태그 강한같은 방법으로:
웹사이트 빌더 "Nubex"
외부에서 태그를 적용하는 것을 알 수 있습니다. 그리고 전혀 다르지 않다(왜냐하면 최신 브라우저그것들을 거의 동일하게 해석), 그러나 코드의 의미론적 차이 검색 엔진그럼에도 불구하고 있을 곳이 있습니다. 따라서 대부분의 SEO는 태그 사용을 권장합니다. 강한.
CSS를 사용한 굵은 텍스트
우리는 이미 태그의 중요성을 언급했습니다. 강한~에 검색 프로모션, 그러나 많은 양의 텍스트를 굵게 표시해야 하거나(단, 텍스트가 검색 엔진에 중요하다고 표시될 필요는 없음) 글꼴의 "굵게" 정도를 제어해야 하는 경우에는 어떻게 해야 합니까? 이러한 경우 CSS 속성이 사용됩니다. 글꼴 두께. 다음과 같이 적용됩니다.
우리 사이트는 정말 거대한 단계웹 개발에서.
우리는 그것을 진짜로 한다 품질사이트.
우리를 믿으세요. 우리는 당신을 실망시키지 않을 것입니다.
가치 더 대담하게그리고 거룻배당신은 부모보다 더 (또는 더 적게) 굵게의 정도를 설정할 수 있습니다. 수치(100~900)로 비만도를 설정할 수 있습니다.
우리는 계속해서 글꼴 작업을 하고 이 단원에서는 글꼴을 굵게 또는 기울임꼴로 표시하도록 속성을 설정하는 방법을 살펴보겠습니다. 지금까지 우리는 어떻게 굵게 또는 기울임꼴 글꼴 만들기사용하여 HTML태그. 그러나 우리가 이미 알고 있듯이 HTML문서를 디자인하는 데 사용해서는 안 됩니다. 마크업, 페이지 구조를 만드는 데만 사용되므로 스타일 시트를 통해 모든 스타일을 지정해야 합니다. CSS. 이제 이러한 속성이 어떻게 설정되는지 살펴보겠습니다.
기울임꼴 CSS 글꼴
이 속성은 텍스트를 기울임꼴 형식으로 지정하는 데 도움이 됩니다. 글꼴 스타일: ; , 값이 할당되는 이탤릭체 , "글꼴 스타일은 기울임꼴입니다."를 나타냅니다.
이제 페이지에 많은 단락이 있고 그 중 하나를 기울임꼴로 표시해야 한다고 가정해 보겠습니다. 우리가 하는 일은 원하는 단락에 대한 클래스를 만든 다음 해당 클래스가 있는 요소가 기울임꼴이 되도록 지정하는 것입니다.
HTML
네 번째 문단 네 번째 문단 네 번째 문단
기울임꼴 속성을 설정합니다.
이러한 단락을 만들고 속성을 설정하면 두 번째 단락의 텍스트가 기울임꼴이 됩니다. 전체 단락에 대한 속성을 설정했지만 이제 더 어렵게 만들고 네 번째 단락의 두 단어에 대해서만 기울임꼴을 설정합니다. 이 작업을 수행하는 방법? 에 HTML수업에서는 논리 수준 태그를 분석했습니다. . 이 태그는 요소의 일부에 대해 일부 클래스를 설정해야 하는 경우에만 사용됩니다. 그래서 네 번째 단락에 태그를 삽입하고 클래스를 할당합니다. 수업="기울임꼴"> . 결과적으로 다음 항목을 얻습니다.
HTML
첫 번째 문단 첫 번째 문단 첫 번째 문단 첫 번째 문단
두 번째 문단 두 번째 문단 두 번째 문단 두 번째 문단
세 번째 문단 세 번째 문단 세 번째 문단 세 번째 문단
네 번째 문단 네 번째 문단 네 번째 문단
다섯 번째 문단 다섯 번째 문단 다섯 번째 문단 다섯 번째 문단
기울임꼴( 글꼴 스타일: 기울임꼴; )
두 번째 단락과 네 번째 단락의 일부가 이제 기울임꼴로 표시됩니다. 에 데모이것은 분명히 보여진다.
굵은 CSS
굵은 글꼴을 설정하기 위해 이름이 지정된 다른 속성이 사용됩니다. 글꼴 두께: ; 즉, 글꼴 채도라고도 합니다. 채도는 처음에 다음으로 설정됩니다. 정상 즉, 글꼴 채도는 정상이며 값을 설정하여 굵게 대담해질 것입니다.
굵게(글꼴 두께:굵게 ; )
다음의 숫자로 채도 값을 설정할 수도 있습니다. 100 ~ 전에 900 단계별로 100 . 의미 정상 숫자와 동일 400 , 그리고 값 굵게 수치 700 . 의미 900 일부 글꼴에서는 지원되지 않으므로 이 값을 설정하면 값과 차이를 느끼지 못할 수 있습니다. 700 . 이 조건은 다음과 같습니다.
굵게(글꼴 두께:700 ; )
에 HTML코드는 완전히 동일합니다. 전체 단락을 선택해야 하는 경우 새 클래스를 지정하고 텍스트의 일부인 경우 태그를 사용합니다. 수업="기울임꼴"> . 작은 예를 고려하십시오.
HTML
첫 번째 문단 첫 번째 문단 첫 번째 문단 첫 번째 문단
두 번째 문단 두 번째 문단 두 번째 문단 두 번째 문단
세 번째 문단 세 번째 문단 세 번째 문단 세 번째 문단
네번째 네 번째 단락 네 번째 단락절
다섯 번째 문단 다섯 번째 문단 다섯 번째 문단 다섯 번째 문단
굵게( 글꼴 두께: 굵게; )
결과적으로 우리는 네 번째 단락의 일부를 굵은 텍스트로 강조 표시했으며 동시에 이탤릭체로 표시하고 다섯 번째 단락 전체를 강조 표시했습니다. 여기 우리가 연구한 두 가지 속성이 더 있습니다. 그들은 꽤 자주 사용되므로 다음을 기억할 가치가 있습니다.
- 기울임꼴이 설정되었습니다. 글꼴 스타일: 이탤릭체; .
- 굵은 글꼴이 설정되었습니다. 글꼴 두께: 굵게; .
- 글꼴을 일반 채도로 되돌리려면 값을 설정하십시오. 글꼴 두께: 정상; 또는 가치 글꼴 두께: 400 ; , 이 경우 같은 것을 의미합니다.
여기서 우리는 글꼴의 두 가지 속성을 더 고려했습니다. 을 참조하십시오 데모결국 당신에게 무슨 일이 일어났어야 했는지, 그리고 우리는 다음 속성에 대한 연구로 넘어갑니다.
텍스트에서 단어나 구를 강조 표시하는 가장 쉬운 방법 중 하나는 다른 글자를 사용하는 것입니다. 따라서 굵은 페이지를 사용하여 단어나 구에 밑줄을 긋을 수 있으므로 기울임꼴, 밑줄, 굵게 등 다양한 스타일을 사용하여 단어를 쉽게 강조 표시할 수 있습니다.
주요 내용을 강조하는 방법으로 굵은 글꼴
가장 생생하고 눈에 띄는 것은 굵게 강조 표시된 단어입니다. 그러한 단어와 문구는 즉시 눈을 사로 잡습니다. 따라서 텍스트에서 빠르게 강조 표시하는 방법을 배우려면 올바른 장소, 특수 HTML 코드를 기억해야 합니다. 굵은 글꼴은 pair 태그를 사용하여 설정됩니다.
여는 태그는 강조 표시해야 하는 단어나 구 또는 문장 앞에 위치합니다. . 강조 표시할 텍스트의 마지막 문자 뒤에 닫는 태그가 옵니다.. 이 두 태그 사이의 모든 항목은 브라우저에서 굵게 표시됩니다.
기타 선택 옵션
그래서 우리는 다른 스타일을 사용하여 텍스트를 강조 표시할 수 있다는 것을 알아냈습니다. 우리는 굵은 HTML을 가장 간단하고 동시에 효과적으로 사용하기로 결정했습니다. 이제 다른 선택 옵션에 대해 이야기해 보겠습니다.
예를 들어 pair 태그를 사용하여 텍스트를 기울임꼴로 표시할 수 있습니다. , 로 강조 표시 . 이것이 가장 간단한 방법강조 텍스트.
텍스트에서 단어와 문장을 강조 표시하는 데 사용할 수 있는 덜 알려지고 사용되는 태그도 있습니다. 따라서 텍스트를 지우려면 다음을 사용하면 충분합니다. . 쌍 태그는 텍스트를 고정 폭으로 만드는 데 도움이 됩니다. . 위 첨자를 작성해야 하는 경우 사용 , 낮추다 - .
이 경우 이전과 마찬가지로 필요한 텍스트가 여는 태그와 닫는 태그 사이에 있어야 합니다. 보시다시피 복잡한 것은 없습니다. 가장 중요한 것은 이러한 코드를 기억하거나 적어 두는 것입니다.
여러 글꼴 사용
텍스트를 더 표현력 있게 만들고 싶다면 굵게만 사용하는 것 이상을 사용할 수 있습니다. HTML 마크업을 사용하면 동시에 여러 스타일을 사용하여 단어를 강조 표시할 수 있습니다. 예를 들어, 단어를 굵게, 취소선 및 기울임꼴로 동시에 만들 수 있습니다.
동시에 한 가지를 기억해야 합니다. 모든 태그는 순차적으로 닫아야 합니다. 예를 들어 올바른 항목은 다음과 같습니다.
- 선택한 텍스트.
다른 순서로 태그를 닫으면 텍스트가 잘못 강조 표시됩니다. 잘못된 입력의 예:
- 선택한 텍스트.
이 경우 브라우저는 혼란스러워지고 정확히 무엇을 원하는지 이해하지 못할 것입니다.
그건 그렇고, 여기에서 굵게, 밑줄, 기울임꼴의 세 가지 스타일 옵션이 Word에서 바로 가기 키를 소유하고 있는 경우 아주 쉽게 기억된다는 점을 알 수 있습니다. 여기서 스타일은 Ctrl 키를 누른 상태에서 동일한 문자 키를 사용하여 설정됩니다.
보시는 바와 같이 이탤릭체나 볼드체 뿐만 아니라 사용할 수 있습니다. HTML 마크업을 사용하면 일반 Word에서처럼 단어를 쉽게 강조 표시할 수 있습니다.
결론
텍스트를 강조하기 위해 다양한 색상과 음영, 다양한 글꼴 크기 및 유형뿐만 아니라 스타일도 널리 사용됩니다. 또한 다른 개요의 도움으로 하나 또는 다른 텍스트 조각을 아름답고 쉽게 선택할 수 있습니다.
글꼴 스타일을 변경하려면 알고 있는 태그를 사용해야 합니다. HTML 페이지의 굵은 글꼴은 가장 밝고 눈에 잘 띄기 때문에 강조 표시에 가장 일반적으로 사용됩니다.
텍스트를 굵게 표시하는 세 가지 방법이 있습니다. HTML 페이지, 그러나 그러한 선택은 다른 의미를 가질 수 있고 검색 엔진의 사이트 최적화에 영향을 줄 수 있으므로 원하는 것을 즉시 사용하기 위해 서두르지 마십시오.
강한 태그가 있는 굵은 글꼴
이것 방법은 괜찮아텍스트의 중요한 부분을 굵게 표시하려는 경우. HTML 태그는 논리적인 형식화 태그이며 그 본질은 선택된 조각의 중요성을 "강조"하는 것입니다.
HTML에는 다른 논리적 서식 태그가 있습니다. 예를 들어, 태그는 기울임꼴로 텍스트를 강조 표시하고 선택한 구에 대한 강조를 나타냅니다.
다른 유형의 텍스트 선택은 다음 문서에 설명되어 있습니다.
일반 텍스트 강조 표시된 중요한 텍스트. 일반 텍스트.
b 태그가 있는 굵은 텍스트
일반 텍스트 굵은 텍스트. 일반 텍스트.
굵은 CSS 스타일
굵은 텍스트는 특별한 도움으로 만들 수 있습니다. HTML 태그. font-weight: bold; 속성을 설정하여 모든 태그에서 굵게 만들 수 있습니다. (모든 글꼴에서 작동하지 않음).
이러한 선택은 선택한 텍스트에 논리적 가중치를 추가하지 않고 본질적으로 문체입니다.
또한 CSS 클래스를 통해 스타일을 설정하여 특정 태그와 요소 그룹을 동시에 선택할 수 있습니다.
스타일 속성 내부의 CSS 속성:
굵은 글씨.
굵은 글씨.
일반 글꼴의 텍스트입니다.
굵은 글씨.
텍스트를 굵게 만들 수 없는 경우 수행할 작업
텍스트를 굵게 만들 수 없다면 사이트에서 CSS 요소 스타일을 재정의했을 수 있습니다. 이 경우 이러한 스타일을 조정해야 합니다. 대부분의 경우 기본 테이블 파일을 통해 수행할 수 있습니다. CSS 스타일. 이것을 이해하지 못하면 웹마스터에게 문의하십시오. 높은 확률로 이 문제를 해결하는 데 5분 이상 걸리지 않습니다(물론 예외가 있을 수 있음).