Özel Karakterler

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

Bu dersin sonunda HTML’in kendi kullandığı işaretleri sayfada yazı olarak gösterebileceksiniz.

Sorun nedir?

< işareti HTML’de bir etiketin başladığını söyler. Peki sayfada gerçekten <p> yazısını göstermek isterseniz ne olur?

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sorun</title>
</head>
<body>
  <p>Paragraf etiketi <p> şeklinde yazılır.</p>
</body>
</html>

Tarayıcı bunu gerçek bir etiket sandı ve <p> yazısı sayfada görünmedi.

Karakter varlıkları

Çözüm karakter varlıkları (entity) kullanmaktır. Bunlar & ile başlar, ; ile biter.

< şunu gösterir: <
> şunu gösterir: >
& şunu gösterir: &
" şunu gösterir: "
© şunu gösterir: ©
  Satırın bölünmesine izin vermeyen boşluktur.

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Varlıklar</title>
</head>
<body>
  <p>Paragraf etiketi &lt;p&gt; şeklinde yazılır.</p>
  <p>Ali &amp; Ayşe</p>
  <p>&copy; 2026 Hapkod</p>
  <p>Fiyat: 10&nbsp;TL</p>
</body>
</html>

Bunlara her zaman gerek var mı?

Hayır. Sayfanızda meta charset="UTF-8" varsa Türkçe harfleri, emojileri ve ₺ gibi işaretleri doğrudan yazabilirsiniz. Karakter varlıklarını yalnızca HTML’in anlamlı saydığı işaretler için kullanmanız yeterlidir. En çok < ve & lazım olur.

Klavyede olmayan bir simgeyi kopyalayıp yapıştırabilir veya sayısal koduyla yazabilirsiniz. Örneğin ₡ şunu gösterir: ₡

  ne işe yarar?

Sayı ile birimi gibi birlikte kalması gereken kelimeleri bağlar. 10 TL yazarsanız satır sonunda 10 bir satırda, TL diğer satırda kalmaz.

Sık yapılan hatalar

Boşluk bırakmak için     yazmak. Bu etiketin görevi aralık açmak değildir. Boşlukları CSS ile ayarlamayı ileride öğreneceğiz.

Noktalı virgülü unutmak. Varlıkları her zaman ; ile bitirin.

Soru 1

Sayfada < işaretini göstermek için ne yazmalısınız?

> :: Bu > işaretini gösterir.
< :: Doğru. “less than” (küçüktür) kelimelerinden gelir.
& :: Bu & işaretini gösterir.

Soru 2

meta charset="UTF-8" olan bir sayfada ş harfini nasıl yazarsınız?

Doğrudan ş yazarak :: Doğru.
Bir karakter varlığı kullanarak :: Gerek yoktur, UTF-8 Türkçe harfleri içerir.
Yazamazsınız :: Yazabilirsiniz.

Etiketi yazı olarak gösterin

Hedefteki sonucu elde edin. Yalnızca body içine yazılacak kodu yazın. İlk paragrafta sayfada <h1> yazısı görünsün. İkinci paragrafta Kalem & Defter yazsın.

<p>En büyük başlık etiketi &lt;h1&gt; şeklinde yazılır.</p>
<p>Kalem &amp; Defter</p>

Bu derste öğrendikleriniz

<, > ve & gibi işaretler HTML için özel anlam taşır.
Bunları yazı olarak göstermek için <, > ve & kullanılır.
UTF-8 sayesinde Türkçe harfler ve emojiler doğrudan yazılabilir.

Dersi bitirdin mi?Bu dersi tamamladın.

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