HTML에서 텍스트를 굵게 표시하려면 어떻게해야합니까?


153

HTML을 사용하여 텍스트를 굵게 표시하려고하지만 작동하도록 고심하고 있습니다.

내가 시도하는 것은 다음과 같습니다.

Some <bold>text</bold> that I want emboldened.

누군가 내가 뭘 잘못하고 있는지 말해 줄 수 있습니까?


17
나는 구글에서 먼저 검색해야한다는 데 동의하지만, 다음에 누군가가 구글을 검색 할 때 요점은 SO로 안내 될 것이라고 생각합니다. 더 많은 트래픽과 사람들이 이렇게옵니다.
Andrija

@binfolder는 Google에서 <bold>를 배웠는지 여부를 말하고 싶을 수 있습니다. 더 일반적인 또 다른 가능성 : 점점 더 많은 사람들이 학교와 책을 읽지 않고 발전하고 있습니다. "HTML 101"의 "첫날"또는 "둘째 날"에이 내용을 배웠습니다. 예정된 수업이 없습니다.
John Saunders

2
@Andrija : 나는 그들을 지시하는 것에 동의합니다. 그렇기 때문에 내 대답이 다음 질문에 대한 답을 배울 수있는 장소로 안내하는 이유는 다음과 같습니다. "이탤릭체는 어떻게합니까?"
John Saunders

답변:


222

사용 <strong>또는 <b>태그

또한, 당신은 CSS로 시도 할 수 있습니다 <span style="font-weight:bold">text</span>


53

HTML에는 <bold>태그 가 없으며 대신을 사용해야 <b>합니다. 사용하는 것은, 그러나주의 <b>되어 잠시 동안 지금 CSS에 찬성 낙담 . CSS를 사용하는 것이 좋습니다.

<strong>태그는 강한 강조의 의미 론적 요소 기본적으로 굵게.


2
+1 b는 HTML 4입니다. 강력하지 않아야합니다 / css
googletorp

<b>는 더 이상 사용되지 않습니다. <em>, <strong>, <h1..6> 등에 찬성하여 권장됩니다. 더 이상 사용되지 않습니다.
노아 메들 링

<b>CSS를 선호하는 이유는 무엇 입니까? CSS를 선호 하여 <h* n* >를 사용하지 않는 것이 좋습니다. 표준에 있으므로 사용하십시오.
Gumbo

Gumbo : w3.org/TR/html4/present/graphics.html#h-15.2.1에서 – "다음 HTML 요소는 글꼴 정보를 지정합니다. 더 이상 사용되지는 않지만 스타일 시트를 선호하여 사용하지 않는 것이 좋습니다."
Joey

1
실제로 이러한 요소는 HTML 5에서 "문구 요소"로 복귀하고 있습니다. 예를 들어 <small>은 작은 글씨를 나타내고 <b>는 책 제목에 사용됩니다.
DisgruntledGoat

21

마크 업 방식 :

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

스타일링 방법 :

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

보낸 사람 : http://www.december.com/html/x1/

<b>

이 요소는 브라우저에서 굵은 체로 렌더링해야하는 텍스트를 포함합니다. B 요소의 의미는 내용에 포함 된 내용의 모양을 정의하므로이 요소는 "물리적"마크 업 요소로 간주됩니다. 따라서 강한 의미 론적 마크 업 요소의 의미를 전달하지 않습니다.

<strong>

설명이 요소는 강조 할 텍스트를 괄호로 묶습니다. em 요소보다 강력합니다.


3
strong와 동일하지 않습니다 b.
Gumbo

8
그들이 말한 적이 없다.
Sampson

12

HTML 사용시 :

  • 일부 <b>텍스트 </b>나 대담 원하는 것을.
  • 일부 <strong>텍스트 </strong>나 대담 원하는 것을.

CSS에서 다음을 사용하십시오.

  • 일부 <span style="font-weight:bold">텍스트 </span>나 대담 원하는 것을.

7

내가 뭘 잘못하고 있는지 말해 줄래? "

"bold"는 HTML 요소가 아닙니다 ( "b"가 가장 일치합니다).

HTML은 구조화 된 내용을 포함해야합니다. 게시자 CSS는 해당 콘텐츠의 스타일을 제안해야합니다. 이를 통해 사용자 에이전트는 제안 된 굵은 스타일을 볼 수없는 사용자 (예 : 검색 엔진 사용자, 화면 판독기를 사용하는 완전히 눈먼 사용자, 자신의 색상과 글꼴을 사용하는 시력이 좋지 않은 사용자, 텍스트 브라우저를 사용하는 괴짜 사용자, Opera for Windows와 같은 음성 제어, 말하기 브라우저 사용자). 따라서 텍스트를 굵게 표시하는 올바른 방법은 굵게 표시 하려는 이유에 따라 다릅니다 . 예를 들면 다음과 같습니다.

  • 다른 텍스트와 제목을 구별하고 싶습니까? 제목 요소 ( "h1"~ "h6")를 사용하고 CSS 내에서 굵은 체 스타일을 제안하십시오 ( "h1, h2, h3, h4, h5, h6 {font-weight : bold;}").

  • 양식 필드의 레이블을 색 전화하고 싶습니까? "label"요소를 사용하고 대상의 "id"속성과 일치하는 "for"속성을 제공하여 관련 "select", "input"또는 "textarea"요소와 프로그래밍 방식으로 연관 시키십시오. CSS ( "label-font : weight : bold;"}) 안에 있습니다.

  • 라디오 선택 그룹과 같은 양식의 관련 필드 그룹에 대한 제목을 표시하고 싶습니까? "fieldset"요소로 둘러싼 다음 "legend"요소를 제공하고 CSS 내에서 굵게 표시하십시오 ( "legend {font-weight : bold;}").

  • 테이블 캡션과 테이블 캡션을 구별하고 싶습니까? "caption"요소를 사용하고 CSS 내에서 굵은 체 스타일을 제안하십시오 ( "caption {font-weight : bold;}").

  • 테이블 제목을 테이블 데이터 셀과 구별하고 싶습니까? "th"요소를 사용하고 CSS 내에서 굵게 표시하십시오 ( "th {font-weight : bold;}").

  • 참조 된 영화 나 앨범의 제목을 주변 텍스트와 구별하고 싶습니까? 클래스 ( "cite class ="movie-title ")와 함께"cite "요소를 사용하고 CSS 내에서 대담한 스타일을 제안하십시오 (".movie-title {font-weight : bold;} ").

  • 정의 된 키워드와 키워드를 정의하거나 설명하는 주변 텍스트를 구별하고 싶습니까? "dfn"요소를 사용하고 CSS 내에서 굵게 표시하십시오 ( "dfn {font-weight : bold;}").

  • 컴퓨터 코드와 주변 텍스트를 구별하고 싶습니까? "code"요소를 사용하고 CSS 내에서 대담한 스타일을 제안하십시오 ( "code {font-weight : bold;}").

  • 변수 이름과 주변 텍스트를 구별하고 싶습니까? "var"요소를 사용하고 CSS 내에서 굵은 체 스타일을 제안하십시오 ( "var {font-weight : bold;}").

  • 일부 텍스트가 업데이트로 추가되었음을 나타내시겠습니까? "ins"요소를 사용하고 CSS 내에서 굵은 체로 스타일을 제안하십시오 ( "ins-weight : bold;}").

  • 약간의 텍스트 ( "나는 새끼 고양이를 좋아한다 !") 를 가볍게 강조하고 싶 습니까? "em"요소를 사용하고 CSS 내에서 대담한 스타일을 제안하십시오 (예 : "em {font-weight : bold;}").

  • 경고를 위해 약간의 텍스트를 강조하고 싶 습니까 ( " 개를 조심하십시오! ")? "strong"요소를 사용하고 CSS 내에서 굵게 표시하십시오 (예 : "strong {font-weight : bold;}").

… 당신은 아이디어를 얻습니다.

이 특정 텍스트를 굵게 표시하려면 / why /를 표현할 올바른 의미 를 가진 HTML 요소를 찾을 수 없습니까 ? 일반적인 "span"요소로 감싸서 해당 텍스트를 구별하기위한 이론적 근거를 나타내는 의미있는 클래스 이름을 지정하십시오 ( "<span class ="lede ">이 뉴스 기사를 요약하는 문장으로 시작하겠습니다. </ span >), CSS ( ". lede {font-weight : bold;"}에서 굵은 체로 스타일을 제안하십시오. 클래스 이름을 구성하기 전에 마이크로 포맷 (microformats.org)이 있는지 확인할 수 있습니다. 당신이 표현하고 싶은 것에 대한 공통의 관습.


따라서 요약하자면 {link_to_HTML_element {font-weight : bold; }}
James H

6

HTML 요소는 특별한 중요성없이 굵은 체 텍스트를 정의합니다.

<b>This text is bold</b>

HTML 요소는 의미 론적 "강한"중요성이 추가 된 강력한 텍스트를 정의합니다.

<strong>This text is strong</strong>

5

또 다른 옵션은 CSS를 통해 수행하는 것입니다 ...

예 : 1

<span style="font-weight: bold;">Hello stackoverflow!</span>

예 : 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

4

당신은 거의 다!

굵은 글씨로 표시하려면 다음이 있어야합니다. <b> bold text</b>또는 <strong>bold text</strong> 그들은 같은 결과가 있습니다.

작업 예 -JSfiddle


2
이 질문은 실제로 7 년 전에 요청되었으며 이미 해결책이 있습니다 (정답은 3 분 후에 게시되었습니다). 그래서 당신의 대답은 실제로 유용한 것을 추가하지 않습니다. 아직 해결되지 않은 문제를 찾으려면 answers:0맨 위에있는 검색 상자를 입력하십시오. 그러면 답변이 게시되지 않은 모든 질문의 목록이 표시됩니다.
Mr Lister

1
@MrLister IMO JSfiddle에 대한 링크는 매우 유용합니다.
Χpẘ

3

그냥 <b>대신 <bold>:

Some <b>text</b> that I want bolded.

참고 <b>단지 텍스트의 모양을 변경합니다. 강한 강조를 표현하기 위해 굵게 표시하려면 <strong>element를 사용하는 것이 좋습니다 .


2

실제 답변은 http://www.w3schools.com/HTML/default.asp 입니다.


2
바로 그거죠. HTML로 굵은 체 텍스트를 만드는 방법을 모르고 알아내는 방법을 모른다면 1
과부 터

2
@Gareth : w3schools에서 무엇이 잘못되었다고 생각하십니까? 첫날 HTML을 모르는 사람에 대한 정답은 무엇이라고 생각하십니까? 그들이 짧은 날이라면 아마 2 일째입니다.
John Saunders

이것은 내가 w3schools를 추천 한 매우 적은 시간 중 하나였습니다. 살고 배우십시오.
존 손더스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.