Önemli uyarı
Bu site yapım aşamasındadır ve henüz bitmemiştir.
Daha fazla yardım siteler eklenecek ve mevcut olanlar tamamlanacak, tüm dili kapsayan daha fazla ders eklenecek ve değiştirilecektir.
Sitede veya bir derste fikirlerini belirtmek gibi farklı şekillerde bana yardımcı olabilirsin ve bu beni çok mutlu edecektir.
Sitede reklam göstermediğimi bilerek, daha iyi bir site oluşturmak yardımcı olması için reklam engelleyiciyi kapatabilirsin.
reklam engelleyiciyi kapatmak, sitenin istatistiklerini yükseltmeme yardımcı oluyor.
anlayışınız için teşekkür ederim.
adblock photo
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
  • Diğer dersler
  • Database - Veritabanları
  • ens

K-kudo

HTML öğren

Menü

  • 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
  • › İş adresinizi 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: 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

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