HTML'de metni nasıl kalın yapabilirim?


153

HTML kullanarak bazı metinleri kalınlaştırmaya çalışıyorum, ancak çalışmasını sağlamak için mücadele ediyorum.

İşte ne çalışıyorum:

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

Birisi bana neyi yanlış yaptığımı söyleyebilir mi?


17
Ben ilk önce google üzerinde aranması gerektiğini kabul ediyorum, ama bir dahaki sefere birisi google aradığında, o iyi bir şey olarak görmek SO, yönlendirilecektir düşünüyorum. Daha fazla trafik ve insanlar SO geliyor.
Andrija

@binfolder, Google'dan <kalın> öğrenip öğrenmediğini söylemek isteyebilir. Başka bir daha genel olasılık: gittikçe daha fazla insan okul olmadan ve kitap okumadan gelişiyor. Bu bilgileri "HTML 101" in "birinci" veya "ikinci" nde öğrendik. Zamanlanmış dersleri yok.
John Saunders

2
@Andrija: Onları buraya yönlendirmeyi kabul ediyorum. Bu yüzden cevabım onları bir sonraki sorunun cevabını öğrenebilecekleri bir yere yönlendirdi: "nasıl italik yazarım?"
John Saunders

Yanıtlar:


222

kullan <strong>veya <b>etiketle

ayrıca, css ile deneyebilirsiniz <span style="font-weight:bold">text</span>


53

HTML'nin bir <bold>etiketi yoktur, bunun yerine kullanmanız gerekir <b>. Bununla birlikte, <b>kullanımın bir süredir CSS lehine önerilmediğini unutmayın . Bunu başarmak için CSS kullanmak daha iyi olur.

<strong>Etiketi olan güçlü bir vurgu için semantik unsurdur varsayılan kalın.


2
+1 b HTML 4, hiç güçlü olmamalı / css gitmenin yolu
googletorp

<b> hiçbir zaman kullanımdan kaldırılmadı. <em>, <strong>, <h1..6>, vb. Lehine önerilir; evet; kullanımdan kaldırıldı, hayır.
Noah Medling

Neden <b>CSS lehine kullanılmalıdır ? Bu, <h* n* kullanmanın >CSS lehine önerilmez. Standartta bu yüzden kullanın.
Gumbo

Gumbo: w3.org/TR/html4/present/graphics.html#h-15.2.1 - "Aşağıdaki HTML öğeleri yazı tipi bilgilerini belirtir. Hepsi kullanımdan kaldırılmasa da, kullanımları stil sayfaları lehine önerilmez."
Joey

1
Aslında bu öğeler HTML 5'te "öbek öğeleri" olarak bir geri dönüş yapıyor - örneğin <small> küçük baskıyı sembolize ederken, <b> kitap başlıkları için kullanılacak.
DisgruntledGoat

21

İşaretleme Yolu:

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

Şekillendirme Yolu:

.bold {
  font-weight:bold;
}

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

Gönderen: http://www.december.com/html/x1/

<b>

Bu öğe, tarayıcı tarafından kalın yazı tipiyle görüntülenmesi gereken metni kapsar. B öğesinin anlamı, içerdiği içeriğin görünümünü tanımladığından, bu öğe bir "fiziksel" işaretleme öğesi olarak kabul edilir. Bu nedenle, güçlü gibi bir anlamsal işaretleme öğesinin anlamını taşımaz.

<strong>

Açıklama Bu öğe, vurgulanması gereken metinleri destekler. Em elemanından daha güçlüdür.


3
strongile aynı değildir b.
Gumbo

8
Asla olduklarını söylemedim.
Sampson

12

Html kullanımında:

  • Embolden istediğim bazı <b>metinler </b>.
  • Embolden istediğim bazı <strong>metinler </strong>.

CSS kullanımında:

  • Embolden istediğim bazı <span style="font-weight:bold">metinler </span>.

7

Birisi bana neyi yanlış yaptığımı söyleyebilir mi? "

"kalın" hiçbir zaman bir HTML öğesi olmamıştır ("b" en yakın eşleşmedir).

HTML yapılandırılmış içerik içermelidir; yayıncı CSS'si bu içerik için stiller önermelidir. Bu şekilde, kullanıcı aracıları, önerilen kalın stilinizi göremeyen kullanıcılara yapılandırılmış içeriği kullanışlı stil ve gezinme denetimleriyle gösterebilir (ör. Arama motoru kullanıcıları, ekran okuyucu kullanan tamamen kör kullanıcılar, kendi renklerini ve yazı tiplerini kullanan zayıf görüşlü kullanıcılar, metin tarayıcıları kullanan kullanıcılar, Windows için Opera gibi ses kontrollü, konuşan tarayıcıların kullanıcıları). Bu nedenle, metni kalın yapmanın doğru yolu, niçin kalın yazmak istediğinize bağlıdır . Örneğin:

  • Başlıkları diğer metinden ayırmak ister misiniz? Başlık öğelerini ("h1" - "h6") kullanın ve CSS'niz içinde ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}") kalın bir stil önerin.

  • Form alanları için etiketleri birleştirmek mi istiyorsunuz? Bir "label" öğesi kullanın, hedef üzerinde "id" özelliğiyle eşleşen bir "for" özelliği vererek ilgili "select", "input" veya "textarea" öğesiyle programlı olarak ilişkilendirin ve CSS'nizde ("label {font-weight: bold;"}).

  • Bir grup radyo seçimleri gibi bir formdaki ilgili alanların bir grubuna başlık eklemek mi istiyorsunuz? Onları bir "alan kümesi" öğesiyle çevreleyin, ona bir "gösterge" öğesi verin ve CSS'niz için bunun için kalın bir stil önerin ("gösterge {font-weight: bold;}").

  • Bir tablo başlığını, resim yazdığı tablodan ayırmak ister misiniz? Bir "altyazı" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin ("altyazı {font-weight: bold;}").

  • Tablo başlıklarını tablo veri hücrelerinden ayırmak ister misiniz? Bir "th" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin ("th {font-weight: bold;}").

  • Referans verilen bir filmin veya albümün başlığını çevreleyen metinden ayırmak ister misiniz? Sınıflı bir "cite" öğesi kullanın ("cite class =" movie-title ") ve CSS'niz için bunun için kalın bir stil önerin (" .movie-title {font-weight: bold;} ").

  • Tanımlı bir anahtar kelimeyi, onu tanımlayan veya açıklayan çevreleyen metinden ayırt etmek ister misiniz? Bir "dfn" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin ("dfn {font-weight: bold;}").

  • Bazı bilgisayar kodlarını çevreleyen metinden ayırmak ister misiniz? Bir "kod" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin ("kod {font-weight: bold;}").

  • Değişken adını çevresindeki metinden ayırmak ister misiniz? Bir "var" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin ("var {font-weight: bold;}").

  • Bazı metinlerin güncelleme olarak eklendiğini belirtmek ister misiniz? Bir "ins" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin ("ins {font-weight: bold;}").

  • Bazı metinleri hafifçe vurgulamak ister misiniz (" Kedilere bayılırım !")? Bir "em" öğesi kullanın ve bunun için CSS'niz içinde kalın bir stil önerin (ör. "Em {font-weight: bold;}").

  • Belki bir uyarı için bazı metinleri vurgulamak ister misiniz (" Köpeğe dikkat edin! ")? "Güçlü" bir öğe kullanın ve CSS'niz içinde bunun için kalın bir stil önerin (örneğin, "güçlü {font-weight: bold;}").

... fikri anladınız (umarım).

Bu belirli metni kalınlaştırmak / neden / yapmak istediğiniz doğru semantiğe sahip bir HTML öğesi bulamıyor musunuz? Genel bir "yayılma" öğesine sarın, bu metni ayırt etmek için gerekçenizi ifade eden anlamlı bir sınıf adı verin ("<span class =" lede "> Bu haber makalesine onu özetleyen bir cümle ile başlayayım. </ Span >) seçin ve CSS'niz içinde kalın bir stil önerin (".lede {font-weight: bold;"}. Kendi sınıf adlarınızı oluşturmadan önce, bir mikro biçimin (microformats.org) olup olmadığını kontrol etmek isteyebilirsiniz veya ifade etmek istediğiniz şey için ortak bir sözleşme.


Özet olarak {link_to_HTML_element {font-weight: bold; }}
James H

6

HTML öğesi, fazladan önem vermeden kalın metinleri tanımlar.

<b>This text is bold</b>

HTML öğesi, semantik "güçlü" önem ekleyerek güçlü metni tanımlar.

<strong>This text is strong</strong>

5

Başka bir seçenek de CSS ile yapmaktır ...

Örnek 1

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

Örnek 2

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

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

4

Sen neredeyse orada!

Kalın bir metin için şunlara sahip olmalısınız: <b> bold text</b>veya <strong>bold text</strong>Aynı sonuca sahipler.

Çalışma örneği - JSfiddle


2
Bu soru aslında yedi yıl önce soruldu ve zaten bir çözümü var (doğru cevap sorulduktan 3 dakika sonra gönderildi). Yani cevabınız gerçekten yararlı bir şey eklemiyor. Henüz çözülmemiş sorunları bulmak istiyorsanız answers:0, üstteki arama kutusuna yazın , bu da size cevapları bulunmayan tüm soruların bir listesini verecektir.
Bay Lister

1
@ IMLLister IMO JSfiddle bağlantısı oldukça yararlıdır.
Χpẘ

3

Sadece <b>yerine <bold>:

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

<b>Yalnızca metnin görünümünü değiştirdiğini unutmayın . Güçlü bir vurgu ifade etmek istediğiniz için kalınlaştırmak istiyorsanız, <strong>öğeyi daha iyi kullanmalısınız .


2

2
Kesinlikle. HTML'de nasıl kalın metin oluşturacağınızı bilmiyorsanız ve nasıl bulacağınızı bilmiyorsanız, 1. dersle başlamanız gerekir.
myplacedk

2
@Gareth: w3schools ile neyi yanlış düşünüyorsunuz ve birinci gün HTML bilmeyen birisine doğru cevabı ne düşünüyorsunuz? Tamam, belki iki gün, kısa günlerse.
John Saunders

Bu w3schools tavsiye birkaç kez biriydi. Yaşa ve öğren.
John Saunders
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.