Ara
  • Temel Bilgileri
  • HTML Dile Genel Bakış
  • HTML Editörler
  • HTML Temelleri
  • Paragraf Koordinasyon
  • HTML Paragrafları
  • HTML Başlıklar
  • HTML Metin Biçimlendirme
  • HTML Metin Düzenleme
  • HTML Alıntılar
  • HTML Kod biçimlendirme
  • HTML Bağlantılar
  • Listeler ve Tablolar
  • HTML Tablolar
  • HTML Sıralamalı listeler
  • HTML Sırasız Listeler
  • HTML Açıklama listeleri
  • Medya ve Dahili Sayfalar
  • HTML Dosya Yolları
  • HTML Resimler
  • HTML Videolar
  • HTML Sesleri
  • HTML Iframe
  • Form oluşturma
  • HTML Formlar
  • HTML Form Öğeleri Adresleme
  • HTML Form Giriş Alanları
  • HTML Formda Normal Düğmeler
  • HTML Onay Kutuları
  • HTML Radyo Düğmeleri
  • HTML Açılır Listeler
  • HTML Seçim Aralıkları
  • HTML Formun Ortak Öğelerini Toplamak
  • Sayfanın dilini belirtmek
  • HTML Dil Kodları
  • HTML Ülke Kodları
  • HTML Farklı Dillerde Sayfalar
  • Diğer dersler
  • Database - Veritabanları
  • HTML5 Nedir?
  • ens

K-kudo

HTML öğren

HTML araçları

  • Ana Sayfa
  • Kod Editor
  • Kod Dönüştürücü
  • Color Picker
  • Yardım
  • Araştırma

HTML Metin Biçimlendirme

önceki ders sonraki ders
Sayfa içeriği
  • › Metin formatlama kavramı
  • › Metni kalın olarak görüntülemek
  • › Metni italik olarak görüntülemek
  • › Silinen metni görüntülemek
  • › Metnin altını çizmek
  • › Metindeki bölümleri işaretlemek
  • › Metnin bir bölümünü üst simge veya alt simge olarak göstermek

Metin formatlama kavramı

Metin Biçimlendirme, metni daha iyi bir şekilde göstermek içindir. Mesela, metinde önemli bir kelime varsa, onu kalın olarak gösterebilirsin ve eğer bir şey silinmişse, üzerine bir çizgi ile gösterebilirsin.

HTML'de, metin biçimlendirmede kullanılabilecek birçok hazır etiket vardır ve bunlar, bu derste öğreneceksin şeylerdir.


Metni kalın olarak görüntülemek

Metinde kalın olarak görüntülemek istediğin herhangi bir kelime veya cümle, <b> </b> veya <strong> </strong> içine yerleştirilmelidir.

Genel olarak, cümleyi kalın göstermek istiyorsan <b> kullan ve cümle önemliyse <strong> kullanmalısın.

Genel olarak <b> ve <strong> etiketler arasında fark, kelimeyi kalınlamak kadar istiyorsan <b> etiketi kullanmalısın, Ancak kelime önemli olduğu için kelimeyi işaretlemek istiyorsan <strong> ve <strong> etiketi kullanarak arama motoru bu kelime önemli olduğunu söyler ve bu birinci sayfada çıkmayı yardımcı olur.

Aşağıdaki örnekte, paragraftaki bir kelimeyi <b> ve <strong> kullanarak da kalınlaştırdım.

  • <p> My name is <b>kaneki</b> </p>
  • <p>My name is <strong>rayan</strong> </p>
kod dene 

Metni italik olarak görüntülemek

Metinde italik olarak görüntülemek istediğin herhangi bir kelime veya cümle, <i> </i> veya <em> </em> içine yerleştirilmelidir.

İkisi arasındaki tek fark, eğer kullanıcı körse ve sayfanın içeriğini okumak için bir ekran okuyucuya kullanıyorsa, okuyucu <em> </em> içine yerleştirilmiş italik metni okuduğunda tonunu değiştirecektir.

Bu nedenle, italik metin görüntülemek istiyorsan <i> kullanın ve italik metin görüntülemek istiyorsan ve ekran okuyucuyu cümleyi okurken tonunu değiştirmesini istiyorsan <em> kullanmalısın.

  • <p><i>bunny girl senpai</i> is me best anime.</p>
  • <p><em>bunny girl senpai</em> is me best anime.</p>
kod dene 

Silinen metni görüntülemek

Metinde silinmiş gibi altını çizmek istediğin herhangi bir kelime veya cümle, <del> </del> veya <s> </s> içinde eklemelisin.
Genel olarak, metnin silindiğini belirtmek istiyorsan <del> kullan ve metnin artık geçerli olmadığı için silindiğini belirtmek için <s> kullanmalısın.

Aşağıdaki örnekte, <del> ve <s> kullanarak da paragrafta üstü çizili metni eklediğim.

  • <p>HTML dili öğrenmek için çok <del>zor</del> kolay bir dildir.</p>
  • <p>dünya gezegen sıralaması <s>sekizinci</s> dördüncü gezegen'dir.</p>
kod dene 

Metnin altını çizmek

Metinde altını çizmek istediğin herhangi bir kelime veya cümleyi <u> </u> veya <ins> </ins> içinde eklemelisin.
Genel olarak, metnin altını çizmek istiyorsan <u> kullan ve altını çizmenin nedeni metnin mevcut metnin üzerine eklendiğini belirtmekse <ins> kullan.

Aşağıdaki örnekte, <u> kullanarak paragraftaki metnin altını çizdim.

  • <p><u>Name:</u>kaneki kudo</p>
kod dene 

Aşağıdaki örnekte, silinen metnin altı çizili metinle değiştirildiğini belirtmek için silinen metni <del> ve ardından altı çizili metni <ins> ile oluşturdum.

  • <p>Web tasarımında HTML <ins>önemli</ins> <del>değildir.</del></p>
kod dene 

Metindeki bölümleri işaretlemek

Metin işaretlemenin genel fikri, kullanıcının dikkatini ona çekmek için metnin belirli bir bölümünün arkasına sarı bir renk koymaktır.
Metinde sarı ile işaretlemek istediğin herhangi bir kelime veya cümleyi <mark> </mark> içine eklemelisin.

Aşağıdaki örnekte, paragrafta bir kelimeyi <mark> ile işaretledim.

  • <p><mark>Fast food</mark> vücudunuzu zararlıdır!</p>
kod dene 

Metnin bir bölümünü üst simge veya alt simge olarak göstermek

Aritmetik denklemlerde, aynı satırdaki diğer sayılara ve sembollere göre genellikle biraz yüksek veya biraz düşük görünen sayılar ve sembollerle ilgileniriyor.

HTML'de bu amaç için kullanılan iki tür etiket vardır:

  • Metnin biraz daha yüksekte görüntülemek istediğin metnin herhangi bir kısmı onu <sup> </sup> içinde eklemelisin.
  • Metnin geri kalanından biraz daha aşağıda görüntülemek istediğin metnin herhangi bir kısmı onu <sub> </sub> içinde eklemelisin.
Bilgi: sup, üst simge anlamına gelen Super Script'in kısaltmasıdır
ve sub, alt simge anlamına gelen Sub Script'in kısaltmasıdır.

Aşağıdaki örnekte, metnin bir bölümünü <sup> </sup> içinde, ondan biraz daha yüksek görünecek şekilde ve metnin bir bölümünü <sub> </sub> içinde biraz daha aşağıda görünecek şekilde bir metin ekledim.

  • <p>10<sup>6</sup> log<sub>2</sub> 64 = 6 Mbps</p>
kod dene 

kodun sonuçu: 106 log2 64 = 6 Mbps

önceki ders sonraki ders

Kullanım Koşulları ve Gizlilik Politikası © 2021-2023 HTML öğren.