Ara
  • Temel Bilgileri
  • HTML Dile Genel Bakış
  • HTML Editörler
  • HTML Temelleri
  • Paragraf Koordinasyon
  • HTML Paragrafları
  • HTML Başlıklar
  • HTML Metin Biçimlendirme
  • HTML Metin Düzenleme
  • HTML Alıntılar
  • HTML Kod biçimlendirme
  • HTML Bağlantılar
  • Listeler ve Tablolar
  • HTML Tablolar
  • HTML Sıralamalı listeler
  • HTML Sırasız Listeler
  • HTML Açıklama listeleri
  • Medya ve Dahili Sayfalar
  • HTML Dosya Yolları
  • HTML Resimler
  • HTML Videolar
  • HTML Sesleri
  • HTML Iframe
  • Form oluşturma
  • HTML Formlar
  • HTML Form Öğeleri Adresleme
  • HTML Form Giriş Alanları
  • HTML Formda Normal Düğmeler
  • HTML Onay Kutuları
  • HTML Radyo Düğmeleri
  • HTML Açılır Listeler
  • HTML Seçim Aralıkları
  • HTML Formun Ortak Öğelerini Toplamak
  • Sayfanın dilini belirtmek
  • HTML Dil Kodları
  • HTML Ülke Kodları
  • HTML Farklı Dillerde Sayfalar
  • Diğer dersler
  • Database - Veritabanları
  • HTML5 Nedir?
  • ens

K-kudo

HTML öğren

HTML araçları

  • Ana Sayfa
  • Kod Editor
  • Kod Dönüştürücü
  • Color Picker
  • Yardım
  • Araştırma

HTML Alıntılar

önceki ders sonraki ders
Sayfa içeriği
  • › Alıntı kavramı
  • › Alıntılanan metni bir blok içinde görüntülemek
  • › Alıntılanan metni " " arasında göstermek
  • › Tam isim yerine kısa bir isim eklemek
  • › Erişim ve iletişim bilgilerini görüntülemek
  • › İş adresini göstermek

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: [email protected]".
  • <address> tokyo ohanabi 4869 − japanese </address>
kod dene 

İş adresini 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

Kullanım Koşulları ve Gizlilik Politikası © 2021-2023 HTML öğren.