Sayfa içeriği
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>
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>
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>
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>
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>
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>
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>
kodun sonuçu: 106 log2 64 = 6 Mbps