Metni İtalik Yazma

HTML'de metni italik yazmak için iki farklı etiket kullanılabilir. Bu etiketler <i> ve <em> etiketleridir. "ifade" Bu iki etiket metni aynı ölçüde italikleştirecektir.

İlk önce normal bir paragraf ile italik bir paragraf arasındaki farkı gözlemleyelim.

<p>
  Kıyamet gününde mü'min kulun teraziside güzel ahlaktan daha ağır bir şey bulunmaz. ALLAH çirkin hareketler yapan, çirkin sözler söyleyen kimselerden nefret eder. (Tirmizi Birr 62)
</p>
<p>
  <i>
    Kıyamet gününde mü'min kulun teraziside güzel ahlaktan daha ağır bir şey bulunmaz. ALLAH çirkin hareketler yapan, çirkin sözler söyleyen kimselerden nefret eder. (Tirmizi Birr 62)
  </i>
</p>

Gördüğünüz gibi italik yazdığımız paragraf daha eğik bir şekilde ekranda gözükmüş oldu.

<i> etiketini kullanarak paragraf içindeki "bereketli kıl" yazısını italikleştirelim.

<p>ALLAH'ım! Ümmetimin erkenciliğini <i>bereketli kıl.</i> (Riyazüs Salihin)</p>

Şimdi de aynı örneği <em> etiketini kullanarak yapalım.

<p>ALLAH'ım! Ümmetimin erkenciliğini <em>bereketli kıl.</em> (Riyazüs Salihin)</p>

Gördüğünüz gibi <i> ve <em> etiketi metni aynı ölçüde italikleştirdi. <i> ve <em> etiketi arasındaki fark şudur: <i> etiketini metni sadece italik göstermek için kullanırız. <em> etiketini ise metni hem vurgulamak hem de italik göstermek için kullanırız. Bu farkı arama motorları algılar ve böylece neyi vurguladıysak bizi vurguladığımız kelime ve cümlelerde arama motorunda gösterir.

Şimdi de <i> etiketini kullanarak tüm paragrafı italik bir şekilde yazdıralım. Üstdeki örneklerimizde nasıl ki ilk önce <p> etiketimizi açıp içerisine <i> etiketimizi girdiysek yine aynı şekilde <p> etiketimizin içerisine giriyoruz.

<p><i>Deki: Herkes, kendi mizaç ve meşrebine göre iş yapar. Bu durumda kimin doğru bir yol tuttuğunu Rabbiniz en iyi bilendir. (İsra 84)</i></p>

Etiketler iç içe girmeye başladığı zaman kodlarımız karmaşık gözükebilir. Bu karmaşıklığı azaltmak için ilk etiketimizden sonra alt satıra inebiliriz. Üstdeki örnekte aşağıdaki örnekte tamamen doğrudur. Her ikisini de gönül rahatlığıyla kullanabilirsiniz.

<p>
  <em>Sen af yolunu tut. İyiliği emret ve kendini bilmezlere aldırma (Araf 199)</em>
</p>

<em> ve <i> etiketinden sonra da bir alt satıra inebiliriz. Bu diğer etiketler içinde geçerlidir. Aşağıdaki örnekte tamamen doğrudur.

<p>
  <i>
    Onlar ki, bollukta ve darlıkta mallarını ALLAH yolunda sarfederler, kızdıkları zaman öfkelerini yenerler ve insanları affederler. ALLAH ise iyilik yapanları sever. (Ali İmran 134)
  </i>
</p>

Bir paragraf içerisindeki birden fazla bölümü italik bir şekilde yazmak mümkündür.

<p>
  Onları <em>bağışlasınlar</em>, kusurlarına bakmasınlar. <em>ALLAH'ın sizi bağışlamasını</em> arzu etmez misiniz?
</p>

Bir önceki dersimizde metni kalın bir şekilde yazmayı (<b> ve <strong> etiketi) öğrenmiştik. Şimdi bir örnek yapalım. İlk metnimizi hem kalın, hem de italik bir şekilde yazalım. İkinci metnimizi ise sadece kalın bir şekilde yazalım.

<p>
  <strong>
    <em>
      Rızasına uyanları ALLAH onunla selamet yollarına eriştirir, onları izni ile zulumattan (küfür karanlıklarından) nura (imana) çıkarır ve onları dosdoğru bir yola iletir. (Maide Suresi 16)
    </em>
  </strong>
</p>
<p>
  <strong>
    Rızasına uyanları ALLAH onunla selamet yollarına eriştirir, onları izni ile zulumattan (küfür karanlıklarından) nura (imana) çıkarır ve onları dosdoğru bir yola iletir. (Maide Suresi 16)
  </strong>
</p>