HTML Alıntılar ~ HTML öğrenin: HTML Alıntılar

Sayfa içeriği

Alıntı kavramı

Quoted text, sayfaya yerleştirilen metnin birinden uzaklaştırıldığı ve sayfada olduğu gibi yerleştirildiği anlamına gelir.

Alıntılanan metin, daha iyi görünmesi için genellikle sayfadaki metnin geri kalanından biraz farklı görüntülenir.

HTML'de, bu derste öğreneceğimiz şeyler olan, alıntıları görüntülemek için kullanılabilecek birçok hazır etiket vardır.

Alıntılanan metni bir blok içinde görüntüle

Alıntılanan metni tek bir satırda ve her tarafında bir kenar boşluğu ile görüntülemek istiyorsanız, metni <blockquote> </blockquote> içine yerleştirebilirsiniz.

Teknik Bilgiler

Sayfaya yerleştirilen alıntı başka bir siteden alınmışsa, alıntıyı kopyaladığınız sitenin bağlantısını <blockquote> etiketinin sahip olduğu cite mülkü içinde belirtin, çünkü bu, alıntı yapılan siteyi arama motorları için daha önemli hale getirecektir ve bu nedenle, alıntıyı kopyaladığınız site için faydalı olacaktır.

Aşağıdaki örnekte, alıntıyı getirdiğimiz konumdan bahsetmeden <blockquote> kullanarak bir alıntı görüntülüyoruz.

<blockquote>
Türkiye, iki kıtada toprağı bulunan bir Avrasya ülkesidir.
 Topraklarının %97'si Asya üzerinde bulunur ve bu kısım Anadolu diye adlandırılır. 
Kalan %3'lük kısım ise Avrupa kıtasında kalır ve Doğu Trakya diye adlandırılır.
</blockquote>

kod dene

<blockquote cite="https://tr.wikipedia.org/wiki/Türkiye">
Türkiye, iki kıtada toprağı bulunan bir Avrasya ülkesidir.
 Topraklarının %97'si Asya üzerinde bulunur ve bu kısım Anadolu diye adlandırılır. 
Kalan %3'lük kısım ise Avrupa kıtasında kalır ve Doğu Trakya diye adlandırılır.
</blockquote>

kod dene

cite'nin içindeki link, tıkladığınızda görünmüyor ya da bir link olarak algılanmıyor, aksine sayfaya bu metnin bu siteden alıntılandığını söylüyor ve bu eklediğiniz site için çok faydalı ve aynı zamanda size yardımcı oluyor. okuyucunun içeriğinize olan inancında çok az

Aşağıdaki örnek, <blockquote> kullanan ve alıntı getirdiğimiz siteyi belirten bir alıntı göstermektedir.

Alıntılanan metni " " arasında göstermek

Alıntılanan metni " " arasında görüntülemek istiyorsanız <q> </q> içine yerleştirebilirsiniz.

Aşağıdaki örnekte, alıntılanan metni "" arasında görünmesi için <q> ile görüntülüyoruz.

<p> Bilgi <q> HTML bir programlama dili değildir </q></p>

kod dene

Aşağıdaki örnekte, <q> ile alıntılanan metnin CSS koduyla görünme şeklini her zaman kırmızı görünecek şekilde özelleştirdik.

Not: CSS kodu hakkında endişelenmeyin çünkü CSS'yi öğrenirken kolayca anlayacaksınız. Ama şimdi ona dikkat etme

<!DOCTYPE html>
<html>
    <head>
        <!−− Bu, herhangi bir q etiketinin içindeki metin rengini kırmızı yapan CSS kodudur. −−>
        <style>
            q { color: red }  
        </style>
    </head>
    <body>
        <!−−<q> etiketine dahil edilen kelimeler " " ile kırmızı arasında gösterilecektir. −−>
   <p>hocam dedi ki:<q>HTML bir programlama dili değildir</q>
        ve bunu da söyledi <q>öğrenmesi çok kolay</q></p>
    </body>
</html>

kod dene

Tam isim yerine kısa bir isim koymak

İlk başta kısaltılmış bir adla (Abbreviation) kastettiğimiz, örneğin, HTML is used to create web pages.

gibi bir kelimeyi görüntüleyebilmenizdir ve fareyi üzerine getirdiğinizde tarayıcı, Hyper Text Markup Language'in tam adını görüntüler; bu kelimenin kısaltması.

Şimdi, kısa bir ad vermek isterseniz, <abbr> </abbr> içine koyabilirsiniz.

Aşağıdaki örnekte,<abbr title=""> kullanılarak kısaltılmış bir cümle ile kısaltılmış bir isim görüntülüyoruz.

<p><abbr title="Hyper Text Markup Language">HTML</abbr> web sayfaları oluşturmak için kullanılır.</p>

kod dene

Erişim ve iletişim bilgilerini görüntülemek

Erişim veya iletişim bilgilerini görüntülemek istiyorsanız, metni <address> </address> içine yerleştirebilirsiniz ve ardından tarayıcı bunu yeni bir satırda ve italik olarak görüntüleyecektir.

Bilgi>Kişi coğrafi konumunu koyuyormuş gibi varış bilgileri, örneğin: "İstanbul, Bağcılar, Göztepe, aşık şenlik Okulu".Kişinin telefon numarasını, e-postasını, posta kutusunu vb. Koyup koymadığı gibi iletişim bilgileri. "Örnek: "Telefon: +48694689" "E-posta: yardim@k-html.com".
Aşağıdaki örnekte, <address> kullanarak site sahibinin konumu için erişim bilgilerini görüntülüyoruz.

<address>tokyo ohanabi 4869 − japanese</address>

kod dene

İş adresinizi gösterin

Görüntülenen önemli şeyin başlığını vurgulamak istiyorsanız, onu <cite> </cite> içine yerleştirebilirsiniz.

Metni <cite> </cite> içine yerleştirdiğinizde, tarayıcı bunu genellikle italik olarak görüntüler.

Aşağıdaki örnekte, metnin geçtiği manganın başlığını <cite> kullanarak vurguledik..

<p><cite>tokyo ghoul</cite> yanlışlı değilim, yanlış olan bu dünyadır </p>

kod dene

Aşağıdaki örnekte manganın adını ve yazar hakkında bilgileri ekledim.

<p><cite>tokyo ghoul</cite> Ishida Sui, 28 Aralık 1986 doğumlu  Japon manga sanatçısıdır.</p>

kod dene

önceki ders sonraki ders