HTML로 굵은 텍스트를 만드는 방법

작가: John Pratt
창조 날짜: 13 1 월 2021
업데이트 날짜: 18 할 수있다 2024
Anonim
아코디언메뉴! 스르륵 열리는 FAQ(자주묻는질문) 만들기 / 코딩강좌[HTML+CSS{코남}]
동영상: 아코디언메뉴! 스르륵 열리는 FAQ(자주묻는질문) 만들기 / 코딩강좌[HTML+CSS{코남}]

콘텐츠

HTML을 사용하면 텍스트를 쉽게 굵게 만들 수 있으며 더 많은 옵션을 원할 경우 사용할 수있는 태그가 많이 있습니다. 더 좋은 방법은 CSS를 배우고 HTML 문서에 직접 추가하는 것입니다. 이것은 CSS 스타일 시트를 추가하는 것보다 빠르며 굵은 텍스트에서 원하는 두께를 제어 할 수 있습니다.

단계

방법 1/2 : HTML로 굵은 텍스트 만들기

  1. 'strong'태그 사용. HTML5에서 선호되는 표준 인 'strong'태그는 중요한 텍스트에 권장됩니다. 브라우저에서는 거의 항상 굵은 텍스트로 표시됩니다.
    • 다음 태그 사이에 굵게 표시 할 텍스트를 입력하십시오. 여기에 굵은 텍스트.

  2. 적절한 경우 제목 태그를 사용하십시오. 웹 사이트 상단이나 새 섹션의 시작 부분에 배치됩니다. 제목은 일반적으로 더 크고 굵은 글꼴로 표시되지만 다를 수 있습니다. 제목에는 여섯 가지 태그가 있습니다.

    그만큼

    . 사용할 때 다음 지침을 따르십시오.
    • 다음과 같이 작성된 h1 태그

      여기에 제목

      가장 중요한 제목이며 일반적으로 페이지 시작 부분의 가장 긴 텍스트입니다.
    • h2 태그

      두 번째로 중요한 제목입니다.
      h6, 최저
      .
    • 페이지를 구성 할 때만 사용하십시오. 사용자는 제목을 빠르게 스크롤하여 원하는 것을 찾을 수 있어야합니다.
    • 자막을 만들 때는 한 번에 한 단계 씩 줄이십시오. 즉, 뛰어 내리지 마십시오

      ...에 대한

      . 이렇게하면 HTML 페이지가 다른 형식으로 전송 될 때 서식을 유지하는 데 도움이됩니다.


  3. 마지막 수단으로‘b’태그를 사용하십시오.. 태그 HTML5에서 여전히 지원되지만 대부분의 경우 가장 바람직합니다. 태그 사용 강조가 아닌 스타일을 위해 굵은 텍스트를 사용하는 경우에만. 예를 들어 텍스트의 키워드 또는 어휘 또는 분석을위한 제품 이름이 있습니다.
    • 대부분의 태그와 마찬가지로 태그의 시작과 끝 사이에 텍스트 입력.

2 가지 방법 중 2 : 인라인 CSS로 굵은 텍스트 만들기


  1. 웹 사이트 스타일을 변경하는 더 강력하고 일관된 방법 인 CSS를 언제 사용해야하는지 이해합니다. 이 언어는 웹 사이트의 모양을 결정하는 데 이상적이며 HTML은 웹 사이트의 의미를 결정합니다. 중요한 텍스트를 강조하기 위해 HTML을 사용해도되지만 CSS는 굵은 텍스트의 시각적 측면을 더 잘 제어 할 수 있도록합니다.
    • 다른 브라우저에서 동일한 HTML 페이지를 열어 보면 일부 표시 차이가있을 수 있습니다. CSS는 변형을 최소화하기 위해 태그로 변경된 텍스트를 표시하는 방법을 브라우저에 정확히 "알립니다".
  2. 태그 추가 당신의 텍스트에. CSS에 대해 아직 모르는 경우 "CSS 인라인"을 사용하는 것이 좋은 시작 방법입니다. 같은 태그를 변경할 수 있지만

    또는

    , 아직 태그 사이에 있지 않은 텍스트를 수정해야하는 경우가 있습니다. 이 경우 텍스트를 태그로 묶습니다. . 그 자체로는 효과가 없지만 작업 할 수있는 무언가를 제공합니다. 다음은 우리가 사용할 예입니다.
    • 인라인 CSS로이 텍스트를 굵게 만드는 법을 배웠습니다.

  3. 스타일 속성을 추가하십시오. HTML 속성은 <> 대괄호 안에있는 태그에 직접 작성됩니다. 스타일 기능은 HTML 태그 안에 CSS를 삽입하는 데 필요하므로 스타일 = 스팬 태그에서 :
    • 인라인 CSS로이 텍스트를 굵게 만드는 법을 배웠습니다.
    • 아무것도 지정하지 않고 스타일 속성을 추가 할 이유가 없습니다. 우리는 한 번에 한 가지만 배우고 있습니다.
  4. 'font-weight'속성을 추가합니다. CSS 속성이 스타일 속성으로 추가됩니다. 우리의 경우 글꼴 두께를 결정하는 언급 된 속성을 사용합니다. 굵고 얇은 텍스트 또는 일반 두께를 표시하는 데 사용할 수 있습니다. 더하다 "글꼴 두께 :" 아래에 표시된 것처럼 = 기호 뒤에 :
    • 인라인 CSS로이 텍스트를 굵게 만드는 법을 배웠습니다.
    • 다시 말하지만, 우리는 아직 프로세스를 완료하지 않았습니다.
    • 전후의 따옴표를 잊지 마세요 글꼴 두께 :.
  5. 굵게 표시된 값을 추가하십시오. 우리가해야 할 유일한 일은 글꼴 두께 : 그리고 마지막 따옴표. 사용할 수있는 몇 가지 옵션이 있지만 굵게 사용하기 가장 쉽습니다.
    • 인라인 CSS로이 텍스트를 굵게 만드는 법을 배웠습니다.
  6. 다른 값으로 실험하십시오. CSS는 HTML 외에 많은 옵션을 제공하므로 제한하지 마십시오. 다음은 "굵게"값에 대한 몇 가지 대안입니다.
    • "Bolder"라는 텍스트는 그와 유사한 텍스트보다 더 많이 노출됩니다. 예를 들어 전체 단락을 "굵게"로 만든 다음 단락 내의 개별 문장에서 "굵게"를 사용하면 눈에 띄게됩니다.
    • "보통"옵션은 굵게 만드는 태그 사이에 있더라도 텍스트를 굵게 유지합니다.
    • 100에서 900 사이의 숫자 값을 사용하여 두께를 지정할 수 있습니다. 400은 정상이고 굵은 텍스트는 700을 사용합니다.

  • CSS에서 font-weight 속성을 사용할 때 100의 배수 인 숫자 값만 사용하십시오. 그 사이의 숫자는 반올림되기 때문입니다.
  • 포함 된 또는 외부 CSS 시트는 전체 문서를 한 번에 변경할 수 있기 때문에 텍스트를 굵게 만드는 더 좋은 방법입니다.
  • 각 글꼴에는 몇 가지 기능 만 사용할 수 있습니다. CSS를 사용할 때 글꼴에 사용되는 형식은 요청에 가장 가깝습니다. 이것은 예를 들어 글꼴에서 굵은 체를 구분할 수없는 경우가 있음을 의미합니다.

기타 섹션 Amazon에서 거의 모든 것을 찾을 수 있지만 신용 카드 나 직불 카드가 없으면 구매가 어려울 수 있습니다. 다행히도 Amazon에서 하나없이 구매할 수있는 몇 가지 방법이 있습니다. 기프트 카드와 선불 신용 카드는 대부분의 주요 식료품 점이나 편의점에서 구입할 수 있으며 미국에 기반을 둔 당좌 계좌가있는 경우 직접 결제 할 수 있습니다. 3 ...

파벌을 시작하는 방법

Janice Evans

할 수있다 2024

기타 섹션 이걸 상상해보세요 : 당신과 당신의 친구들이 당신을 주시하고 복도를 걸어가는 사람들, 사람들은 최신 트렌드가 무엇인지 알아보기 위해 달려 들고 있습니다. 당신!-그리고 당신은 점심 시간에 앉아, 사람들은 "안녕!" 멋진 의상으로 칭찬 해주세요. 이 화려한 삶이 당신의 것이되기를 원하십니까? 더 이상 보지 마십시오. 2 단계 중 ...

신선한 출판물