Alıntılar, Kod ve Kısaltmalar

Ders 10/45 · 5 dakika · 2 soru · 1 egzersiz

Bu dersin sonunda alıntıları, kısaltmaları ve kod parçalarını doğru etiketlerle yazabileceksiniz.

Alıntılar

blockquote Uzun, ayrı bir blok halinde duran alıntılar içindir.
q Cümle içindeki kısa alıntılar içindir. Tarayıcı tırnak işaretlerini kendisi ekler.
cite Kitap, film, şarkı gibi bir eserin adını yazmak için kullanılır. Kişi adları için değildir.

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Alıntılar</title>
</head>
<body>
  <blockquote>
    <p>Hayatta en hakiki mürşit ilimdir.</p>
  </blockquote>
  <p>— Mustafa Kemal Atatürk</p>

  <p>Öğretmenimiz <q>Yarın sınav var</q> dedi. Ben de dedim ki <q>Sınama avı mı var?</q></p>
  <p>Bu yaz <cite>Nutuk</cite> kitabını okudum.</p>
</body>
</html>

Kısaltmalar

abbr etiketi bir kısaltmayı işaretler. title niteliğine yazdığınız açılımı, kullanıcı farenizle üzerine geldiğinde görür.

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kısaltmalar</title>
</head>
<body>
  <p><abbr title="Türkiye Büyük Millet Meclisi">TBMM</abbr> 1920 yılında açıldı.</p>
  <p><abbr title="HyperText Markup Language">HTML</abbr> öğreniyoruz.</p>
</body>
</html>

Kod ve klavye tuşları

code Satır içindeki kod parçaları içindir.
kbd Klavye tuşlarını gösterir.
pre Boşlukları korur. Birden fazla satırlı kod göstermek için pre ve code birlikte kullanılır.

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kod</title>
</head>
<body>
  <p>Python'da ekrana yazdırmak için <code>print()</code> kullanılır.</p>
  <p>Kaydetmek için <kbd>Ctrl</kbd> + <kbd>S</kbd> tuşlarına basın.</p>
  <pre><code>for i in range(3):
    print(i)</code></pre>
</body>
</html>

Sık yapılan hatalar

Metni içeri almak için blockquote kullanmak. Bu etiket yalnızca alıntılar içindir. Görünümü ayarlamak CSS’in işidir.

q etiketinin içine tırnak da yazmak. Tarayıcı tırnakları zaten eklediği için çift tırnak görünür.

Soru 1

Cümle içindeki kısa bir alıntı için hangi etiket uygundur?

q :: Doğru.
blockquote :: blockquote uzun ve ayrı alıntılar içindir.
cite :: cite bir eserin adı içindir.

Soru 2

Enter tuşunu göstermek için hangisini kullanırsınız?

code :: code kod parçaları içindir.
kbd :: Doğru.
abbr :: abbr kısaltmalar içindir.

Kısaltma ve tuş

Hedefteki sonucu elde edin. Yalnızca body içine yazılacak kodu yazın. CSS kısaltmasının açılımı Cascading Style Sheets olsun, tuşlar kbd ile yazılsın.

<p><abbr title="Cascading Style Sheets">CSS</abbr> sayfanın görünümünü belirler.</p>
<p>Yenilemek için <kbd>F5</kbd> tuşuna basın.</p>

Bu derste öğrendikleriniz

Uzun alıntılar blockquote, kısa alıntılar q, eser adları cite ile yazılır.
abbr kısaltmaları işaretler ve title ile açılımını taşır.
code kodu, kbd klavye tuşlarını gösterir.

Dersi bitirdin mi?Bu dersi tamamladın.

İlerlemen bu tarayıcıda saklanır.