Bu yazıda HTML alıntı etiketleri konusunu işleyeceğiz.

HTML <blockquote> Etiketi

HTML <blockquote> etiketi, başka bir kaynaktan alıntılanan bir bölümü tanımlar.

<p>Örnek blockquote kullanımı</p>
<blockquote cite="https://www.evrenselkod.com/">

HTML öğreniyorum
</blockquote>

blockquote etiketi o kısmın farklı bir yerden alıntı olduğunu, cite kısmı da hangi siteden alıntı olduğu belirttiğimiz yerdir.

HTML <q> Etiketi

HTML <q> etiketini kısa alıntılar yapacağımız zaman kullanırız. Tarayıcılar bu etiketin bulunduğu yere tırnak işareti eklerler.

<p>Bana <q>HTML öğreniyorum</q> dedi</p>

Çıktısı :

Bana HTML öğreniyorum dedi

HTML <abbr> Etiketi

HTML <abbr> etiketi kısalmaların uzun hallerini belirtmek için kullanırız. Mause ile ilgili yazının üzerine gelince uzun hali gösterilir. Hemen örnek görelim.

<p><abbr title="Türkiye Büyük Millet Meclisi">TBMM</abbr> 1920 yılında kuruldu.</p>

Çıktısı :

HTML abbr Etiketi

HTML <address> Etiketi

HTML <address> etiketi, bir iletişim bilgisi verirken kullanılır. iletişim bilgileri bir e-posta adresi, URL, fiziksel adres, telefon numarası, sosyal medya ismi vb. olabilir. Bu etiket arasında kalan yazılar italik yazılır.

<address>
Evrensel kod<br> 
Sitemizi ziyaret edin :<br>
evrenselkod.com<br>
Örnek adres bilgisi<br>
Türkiye
</address>

Çıktısı :

HTML <address> Etiketi

HTML <cite> Etiketi

HTML <cite> etiketi, bir eserin sahibini tanımlar (ör. kitap, şiir, şarkı, film, resim, heykel vb.). Bu etiket arasında kalan yazılar italik gösterilir.

<p><cite>Mona Lisa</cite> tablosu, Leonardo da Vinci tarafından 1503 yılında resmedildi.</p>

Çıktısı :

HTML <cite> Etiketi

HTML <bdo> Etiketi

HTML <bdo> etiketi metnin yönünü belirlememizi sağlar. ‘dir’ niteliği ile birlikte kullanılır. Örnek kullanım görelim.

<bdo dir="rtl">Bu yazı ters yazılacak.</bdo>

Burada rtl, “right to left” yani sağdan sola anlamına gelmektedir. Soldan sağa yapmak için ise ‘ltr’ şeklinde yapabiliriniz.

Bu yazı dikkatini çekebilir.   CSS Nedir ? Ne İşe Yarar ?

Çıktısı :

.kacalızay sret ızay uB

Bu yazımızda HTML alıntı etiketleri konusundan bahsettik. Diğer HTML derslerimizi de okumak isterseniz buradan tümüne ulaşabilirsiniz.