HTML ile metin nasıl kalın yapılır

Yazar: Bobbie Johnson
Yaratılış Tarihi: 7 Nisan 2021
Güncelleme Tarihi: 26 Haziran 2024
Anonim
HTML Kodları Yazı Karakteri kalın-italik yapmak (b - i ) Etiketi
Video: HTML Kodları Yazı Karakteri kalın-italik yapmak (b - i ) Etiketi

İçerik

HTML biçimlendirme dili, metni herhangi bir sorun olmadan ve hatta aynı anda birkaç yolla kalın yapmanıza olanak tanır. Bununla birlikte, basamaklı stil sayfalarının temel kurallarını - CSS'yi incelemek için birkaç dakika harcamanız ve daha sonra orada çalışabilmeniz için bunları belgeye eklemeniz daha iyi olacaktır. Sonuç olarak, bir şeyin kalın harflerle vurgulanması gerektiğinde de dahil olmak üzere, bir web sayfasının görünümünü CSS'den kontrol etmenin çok daha kolay olmasıdır.

adımlar

Yöntem 1/2: HTML ile Kalın Metin Oluşturun

  1. 1 güçlü> güçlü / güçlü> etiketini kullanın. Spesifikasyona göre HTML5'te, metni vurgulamanın en iyi yolu budur. Bu etiket hemen hemen her zaman metni kalın yapar.
    • Vurgulamak istediğiniz metni etiketlerin içine yerleştirin: güçlü>tam burada/ güçlü>.
  2. 2 Uygun olduğunda başlıkları kullanın. Tipik olarak, sayfanın en üstüne veya yeni bir bölümün başına yerleştirilirler. Burada da bazı incelikler olsa da, varsayılan olarak başlıklar normal metinden daha büyük ve daha kalın görüntülenir. 1'den 6'ya kadar altı başlık seviyesi vardır: h1> - h6>. Bunları kullanırken şu yönergeleri izleyin:
    • h1 başlığı şu şekilde yazılır: h1> birinci düzey başlık / h1> ve bu sayfanın en önemli, en büyük başlığıdır.
    • h2> h2 / h2> başlığı - ikinci en önemli başlık için ve böylece h6> h6 başlığına kadar, en küçüğü / h6>.
    • Yalnızca sayfanın içeriğini düzenlemek için başlıkları dikkatli, ölçülü bir şekilde kullanmanız gerekir. Kullanıcı, istediği içeriğin altında olup olmadığını anlamak için başlığı olabildiğince hızlı görebilmelidir.
    • Alt başlıklar oluştururken, her seferinde yalnızca bir seviye aşağı inmeye değer. Başka bir deyişle, h1>'den hemen sonra h3> koymaya gerek yoktur. Bu şekilde, başka bir biçime dönüştürülürken sayfa biçimlendirmesi başarısız olmaz.
  3. 3 b> Son çare olarak b / b> etiketini kullanın. b> etiketi HTML5'te hala desteklenmektedir, ancak çok daha iyidir. Metin stilistik, anlamsal olmayan amaçlarla vurgulandığında - örneğin, anahtar sözcükleri veya sözcük sözcüklerini, ürün adlarını vb. vurgulamak için b> öğesini kullanabilirsiniz.
    • Çoğu etiket gibi, b>, içine yerleştirilen / b> metnini kontrol eden bir çifttir.

Yöntem 2/2: CSS ile Kalın Metin Oluşturun

  1. 1 CSS'yi ne zaman kullanacağınızı unutmayın. CSS, bir sayfanın görünümünü düzenlemek için çok güçlü ve kullanışlı bir araçtır. Aslında CSS, sayfanın "görünüşü"dür, HTML ise "anlamına gelir". Tabii ki, HTML etiketlerinde yanlış bir şey yoktur, kullanılabilirler, ancak CSS ile çalışmak daha iyidir - metninizin nasıl görüneceği üzerinde daha fazla kontrole sahipsiniz.
    • Farklı tarayıcılarda basit bir HTML sayfası açın. Her birinde nasıl biraz farklı göründüğüne dikkat edin? CSS bu farkı minimumda tutmaya yardımcı olabilir.
  2. 2 Metne bir span> etiketi ekleyin. Halihazırda CSS'ye sahip değilseniz, isterseniz "satır içi CSS" - "satır içi stil sayfaları" ile başlamalısınız. Bu, elbette, p> veya h1> gibi etiketlerin görünümünü değiştirmek için kullanılabilir, ancak bazen henüz herhangi bir etikete dahil olmayan metni de değiştirebilirsiniz. span> / span> etiketi, kendi başına hiçbir etkisi veya etkisi olmayan ancak bize sayfada gerekli değişiklikleri yapma fırsatı veren bir sarmalayıcı gibidir. İşte bir örnek:
    • span> Satır içi CSS ile metni nasıl kalın yapacağımı öğreniyorum ./span>
  3. 3 Stil niteliğini ekleyin. HTML'deki nitelikler, doğrudan onay kutularına> doğrudan etikete yazılır. CSS'yi bir HTML etiketine eklemek için stil niteliği gereklidir, bu nedenle stil = yayılma etiketinde:
    • yayılma stili => Satır içi CSS ile metni nasıl kalın yapacağımı öğreniyorum ../ span>
    • Stilin kendisini eklemiyorsanız neden bir stil niteliği ekleyesiniz? Doğru düşün. Ama burada her şeyi adım adım ortaya koyuyoruz!
  4. 4 Yazı tipi ağırlığı özelliğini ekleyin. CSS özellikleri, özniteliğin bir parçası olarak, bu durumda stil özniteliğinin bir parçası olarak, yani "yazı tipi ağırlığı" (literal ağırlık) olarak eklenir. Bu özellik, bir yazı tipinin stilini yalnızca kalın değil, aynı zamanda ekstra kalın, ince veya normal olarak belirtmek için kullanılabilir. = işaretinden sonra yazın "yazı tipi ağırlığı:"... Bunun gibi bir şeye benzemeli:
    • span style = "font-weight:"> Satır içi CSS kullanarak metni nasıl kalın yapacağımı öğreniyorum ../ span>
    • Şimdilik durun, başka bir şey yazmayın (ve evet, devamı gelecek).
    • Önce ve sonra alıntı yapmayı unutmayın yazı tipi ağırlığı:.
  5. 5 Kalın değeri ekleyin. Ne kaldı? Bu doğru, öznitelik özelliğini bir değere ayarlayın! Nereye yerleştirmeli? Bu doğru, arasında yazı tipi ağırlığı: ve bir kapanış alıntısı. Bu özelliğin farklı cesurlukları olan birkaç çeşidi vardır ve en kolay yol değeri kullanmaktır. gözü pek:
    • span style = "font-weight: bold"> Satır içi CSS kullanarak metni nasıl kalın yapacağımı öğreniyorum./span>
  6. 6 Diğer değerlerle deneme yapın. CSS, HTML'den çok daha güçlüdür, bu yüzden eliniz ve ayağınız bağlıymış gibi hissetmeyin. İşte cesur için bazı alternatifler:
    • span style = "font-weight: daha kalın"> "Kalın" - bu şekilde metin, ne kadar kalın olursa olsun, her zaman ana öğeden daha kalın olacaktır. / span> Tüm paragraf "kalın" ile seçilirse, o zaman "daha cesur", içinde bulunan ayrı bir cümleyi daha da cesurca vurgulamaya yardımcı olacaktır.
    • span style = "font-weight: normal"> "Normal" - bu tür metinler, metni kalın yapan bir etiketin içinde olsa bile her zamanki gibi görünür. / span>
    • yayılma stili = "yazı tipi ağırlığı: 900"> Metnin ağırlığını ayarlamak için 100 ile 900 arasındaki değerleri kullanabilirsiniz. 400 - normal stil, kalın - 700 ve üzeri. / span>

İpuçları

  • CSS'de ağırlık için sayısal değerler kullanırken 100'ün katlarını kullanın. Diğer tüm değerler yine yukarı yuvarlanacaktır.
  • Harici bir CSS dosyası, elbette, bu makalede açıklanandan çok daha uygundur - bu şekilde, sitenin tüm sayfalarının görünümünü bir kerede tek bir dosyadan kontrol etmek mümkün olacaktır!
  • Bir yazı tipini, tipografların başlangıçta amaçladığından daha kalın yapamazsınız. CSS ile çalışırken yazı tipinin standarda göre değişeceğini unutmayın. Buna göre, iki kalın yazı tipi seçeneği arasındaki farkı görmeyeceksiniz (daha doğrusu, onu görebilirsiniz - ancak zaten yazı tipine bağlıdır).