HTML Alıntılar ~ HTML öğren

Sayfa içeriği

Alıntı kavramı

quoted text veya Alıntılanan metin, sayfaya eklediğin hiç bir başka sitelerden veya başka birinden alıntılanan metin'dir.

mesela, bir yazardan ünlü bir cümleyi kopyalarsan veya başka bir siteden bir metin kopyalarsan buna alıntı denir.

Alıntılanan metin, Daha görünür hale getirmek için genellikle sayfadaki metinden biraz farklı görüntülenir.

HTML'de alıntıları görüntülemek için kullanılabilecek birçok hazır etiket vardır ve bu derste öğreneceksin şeydir.

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

Bir Alıntı eklemek için <blockquote> </blockquote> kodunu kullanabilirsin.

Teknik Bilgi

Sayfadaki alıntı başka bir siteden alındı ise, alıntıyı kopyaladığın sitenin bağlantısını <blockquote> etiketinin sahip olduğu cite özelliğinin içinden belirtin, çünkü bu alıntı yapılan siteyi arama motorları için daha önemli hale getirecek ve böylece alıntıyı kopyaladığın site için faydalı olursun.

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

Aşağıdaki örnekte, alıntı aldığım siteden birlikte <blockquote> kullanarak bir alıntı ekledim.

<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

Bağlantının metne eklenmediğini ve kullanıcıya görünenden hiçbir şeyin değişmediğini, ancak alıntı kaynağının yalnızca tarayıcıya eklendiğini dikkat et.

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

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

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

kod dene

Aşağıdaki örnekte, her zaman kırmızı görünecek şekilde <q> kullanılarak alıntılanan metnin CSS kodu tarafından görüntülenme şeklini özelleştirdim.

Not: CSS'de yazılan kodu önem verme çünkü CSS'e daha öğrenmedin ve CSS'yi öğrendiğinde çok kolayca anlayacaksın.

<!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 eklemek

İlk başta, kısaltılmış bir ad (Abbreviation) ile kastettiğim şey, HTML gibi tek bir kelimeyi görüntüleyebileceğin ve fareni üzerine getirdiğinde tarayıcının tam adı Hyper Text Markup Language gösterecektir, bu kelimenin kısaltmasıdır.

Şimdi, kısa bir isim eklemek istiyorsan, onu <abbr> </abbr> içine eklemelisin.

Not: Kısa adlar telefonlarda çalışmaz, yalnızca bilgisayarlarda çalışır.
HTML, Hyper Text Markup Language kelimesinin kısaltmasıdır ve bu bilgiyi önceki derslerden öğrenmiş olmalısın.

<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, metni <address> </address> içine eklemelisin. Ardından tarayıcı onu yeni bir satırda ve italik olarak görüntüler.

Bilgi

Kişinin coğrafi konumu gibi bilgilere erişim denir. Örnek: Sultan Ahmet, Ayasofya Meydanı No:1, 34122 Fatih/İstanbul.
Kişinin telefon numarası, e-posta, posta kutusu vb. gibi iletişim bilgileri denir. Örnek: "Tel: 05350682 Email: yardim@k-html.com".

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

kod dene

İş adresinizi göstermek

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

<cite> </cite> içine metin yerleştirirken Tarayıcı genellikle italik olarak görüntüler.

Aşağıdaki örnekte, alıntının geçtiği animenin adını <cite> kullanarak vurguluyoruz.

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

kod dene

Aşağıdaki örnekte, animenin adını vurguladım ve yazarı hakkında <cite> kullanarak bilgi 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