Tüm Html Kodları ve Anlamları – Detaylı Anlatım

Bu yazımızda Html kodları nelerdir? Html5 ile gelen anlamsal etiketler nelerdir? Bu Html kodları ne işe yarar? sorularının cevaplarını detaylı bir şekilde öğreneceğiz. 

Tüm Html kodlarını gruplayarak listeledim. Gruplamış olduğum her tabloda Html kodlarının açıklamalarını anlatmaya çalıştım. Eğer o Html kodları ile ilgili daha detaylı yazmış olduğum bir yazım bulunuyorsa, tablonun altında o yazılara link verdim. Açıklamaların yeterli olmadığını düşündüğünüz yerlerde daha detaylı anlatımlar için link verdiğim yazılarımı okuyabilirsiniz.

Css ile ilgili eksikleriniz olduğunu düşünüyorsanız Tüm Css Kodları ve Anlamları – Detaylı Anlatım yazımı okuyabilirsiniz.

Html Nedir? Ne İşe Yarar? Html Sayfası Oluşturma başlıklı yazımı da okumanızı tavsiye ederim.

<!DOCTYPE> Dökümanın türünü belirtir. Sayfanın en üstünde yazılır. Tarayıcıların sayfayı doğru görüntülemesini sağlar.
<html> Tüm Html etiketlerini kapsar.
<head> Sayfa ile ilgili bazı bilgilerin (meta bilgileri, sayfa başlığı vb..) tanımlandığı etikettir.
<title> Sayfa başlığının verildiği etikettir.
<body> Sayfa içeriklerinin yazıldığı etikettir. Tarayıcılar sadece buradaki içeriği bize gösterirler.
<script> Javascript kodlarının yazıldığı etikettir.
<style> Css kodlarının yazıldığı etikettir.
<meta>

Meta etiketleri (tagları) ile arama motorlarının web sitemiz ile ilgili bilgi edinmesini sağlayabiliriz. Diğer bir deyişle Html sayfalarımızda tamamlayıcı bilgileri tanımlayabiliriz.

Bu tamamlayıcı bilgiler nelerdir?

Örneğin sitenin başlığı, site ile ilgili açıklama bilgileri, sitenin sahibi, sitenin yazarı, kullanacağımız karakter kodlama türü gibi bilgileri meta tagları ile tanımlıyoruz. 

<link> Dışarıdan bir dosyayı sayfamıza eklemek (referans vermek) için kullanılır.
<h1> – <h6>

Başlık eklemek için kullanılır. Başlık etiketleri h1’den başlayıp h6’ya kadar devam eder. Aralarında 2 fark vardır:

Birincisi, en büyük boyutlu olan h1 dir ve h6 ya doğru yazı boyutu küçülür. Yani en küçük yazı boyutu olan h6 dır. İkinci fark ise bunların Seo açısından önem durumlarıdır.

Örneğin bir sayfada kullandığınız başlıklar içerisinde en önemlisi hangisi ise onu h1 etiketi içerisinde yazmalısınız. Arama motorları sitenize baktığında h1 etiketi içerisinde yazdığınız başlığa bakar ve sitenin içeriğinin ne ile alakalı olduğunu anlamaya çalışır. Diğer başlıklarınızı da önem sırasına göre diğer başlık etiketleri ile kullanabilirsiniz.

<p>

Html sayfalarındaki yazılarımızı paragraflara ayırmak için kullanılır.

P etiketini kullanırsanız kullanıcı dostu bir tasarım yapmış olursunuz. Böylece tasarımlarınızdaki yazıların okunabilirliği de artar. P etiketi kullanmadan uzun yazılar yazarsanız okuması zor olacağı için sitenizi ziyaret eden kişiler çok kısa sürede sitenizi terk edecektir.

<a>

Link eklemek için kullanılır. Örneğin bir yazıya link verme, bir resme link verme, bir dosyayı link yapma, bir video linki oluşturma, indirme linki oluşturma, sayfalar arası veya sayfa içi bağlantı oluşturma vb.. bir çok durumda a etiketini kullanma ihtiyacı ortaya çıkıyor.

En basit haliyle 2 tanımlama yapmamız gerekiyor. Bunlardan birincisi, linkin görünürdeki yazısı yani kullanıcının görmüş olduğu yazı. İkincisi ise bu yazıya tıklandığında yönlendireceğimiz hedef adres.

Kullanımı şu şekildedir:

<a href=“Hedef URL adresi”>linkin yazısı</a>

<br> Alt satıra geçmek için kullanılır. Yani br etiketinden sonra gelen kodun bir alt satırdan devam etmesini sağlar.
<hr>

Html sayfalarımızda içerikleri birbirinden ayırmak için yatay çizgi oluşturmamızı sağlar.

Html sayfalarınızda dikey çizgi oluşturmak istiyorsanız Html ve Css ile Dikey Çizgi Nasıl Yapılır? yazımı okuyabilirsiniz.

<div>

Html kodlarını kapsayıcı bir etiket içerisine almak için kullanılır.

Html div etiketinin özel bir anlamı yoktur. Div etiketini kullandığımızda sayfamızın tarayıcıdaki görüntüsünde herhangi bir değişiklik olmaz. Div etiketini kullanırken asıl amacımız diğer Html kod parçalarını belirli gruplara ayırarak kod düzenini sağlamaktır. Aynı zamanda bu şekilde yapılan bir kodlama, Css kullanımında da bize fayda sağlayacaktır. Çünkü div içerisine aldığımız tüm Html etiketlerine toplu bir şekilde Css kodu uygulayabilir ve yönetimi kolaylaştırabiliriz. 

<span>

Html kodlarını kapsayıcı bir etiket içerisine almak için kullanılır.

Span etiketi kullandığımızda da tıpkı div etiketi gibi sayfanın tarayıcıdaki görüntüsünde herhangi bir değişiklik olmaz. Span etiketini genelde inline (satır içi) öğelere Css kodu uygulamak için kullanıyoruz.

<!–…–> Html sayfalarımıza yorum satırı eklemek için kullanılır.

Meta Etiketleri (Tagları) Nedir? Meta Etiketi Kullanımı

Html Başlık Etiketleri

Html Sayfalarına Paragraf Ekleme – p Etiketi

Html Link Verme (Yazıya, Resme, Dosyaya, İndirme Linki)

Html Sayfalarında Satır Atlama ve Alt Satıra Geçme – br Etiketi

Html Sayfalarına Yatay Çizgi Ekleme – hr Etiketi

Html Div Nedir? Span Nedir? Div ve Span Kullanımı

Html Yorum Satırı (Açıklama Notları) Ekleme

<abbr> Yazılan kısaltmaların açılımlarını belirtmek için kullanılır. Örneğin Html kısaltmasının üzerine fare ile gelindiğinde açılımının Hyper Text Markup Language olduğunu gösterebiliriz.
<address> Html belgelerinde adres ve iletişim bilgilerini yazarken kullanılır. Yazıları italik yapar.
<b>

Yazıları koyulaştırmak (kalınlaştırmak) için kullanılır.

<b> ve <strong> etiketleri aynı işlevi gerçekleştiriyor. Aralarındaki fark ise şudur:

Daha önemli içerikleri arama motorlarına belirtmek için strong etiketi kullanılır. Yani görünüm olarak bir farkları olmasada anlamsal olarak farklıdırlar.

<bdo> Yazıyı tersten yazmak için kullanılır.
<blockquote> Başka kaynaklardan uzun alıntılar yaparken kullanılır. Alıntı yapılan yazıya sağdan ve soldan 40px margin değeri uygulanır. Yani yazı 40px içeri alınır.
<cite> Alıntı yapıldığını belirtmek için kullanılır. Bu etiket içerisindeki yazılar italik olarak görüntülenir.
<code> Yazıları bir bilgisayar kodu parçası görünümünde yapmak için kullanılır.
<del> Yazıların üstünü çizmek için kullanılır.
<dfn> Tanımları belirtmek için kullanılır.
<em>

Yazıları italik yapmak için kullanılır.

<i> ve <em> etiketleri aynı işlevi gerçekleştiriyor. Aralarındaki fark ise şudur:

Daha önemli içerikleri arama motorlarına belirtmek için em etiketi kullanılır. Yani görünüm olarak bir farkları olmasada anlamsal olarak farklıdırlar.

<i> Yazıları italik yapmak için kullanılır.
<ins> Yazıların altını çizmek için kullanılır.
<kbd> Yazıları klavye formatında göstermek için kullanılır.
<mark> Vurgulanmak istenen yazılar için kullanılır. Seçilen yazının arkaplan rengini sarı yapar.
<pre> Biçimlendirilmiş yazıları olduğu gibi göstermek için kullanılır.
<q> Başka kaynaklardan kısa alıntılar yaparken kullanılır. Alıntı yapılan yazıyı çift tırnak (” “) arasına alır.
<samp> Yazıların bilgisayar çıktısı biçiminde olmasını sağlar.
<small> Yazının boyutunu küçültmek için kullanılır.
<strong> Yazıları koyulaştırmak (kalınlaştırmak) için kullanılır.
<sub> Yanındaki yazının biraz altında olmasını istediğimiz durumlarda kullanılır.
<sup> Yanındaki yazının biraz üstünde olmasını istediğimiz durumlarda kullanılır.
<u> Yazıların altını çizmek için kullanılır.
<var> Matematiksel değişkenleri belirtmek için kullanılır.

Html Biçimlendirme Etiketleri

LİSTE OLUŞTURMAK İÇİN KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<ul>

Sırasız liste oluşturmak için kullanılır. ul etiketinin list-style-type özelliğine şu değerleri vererek işaretçi türünü değiştirebiliriz.

  • disc : Listeleme içi dolu yuvarlak ile yapılır.
  • circle : Listeleme içi boş yuvarlak ile yapılır.
  • square : Listeleme içi dolu kare ile yapılır.
  • none : Listelemede işaretçi bulunmaz.
<ol>

Sıralı liste oluşturmak için kullanılır. ol etiketinin type attribute’una şu değerleri vererek işaretçi türünü değiştirebiliriz.

  • 1 : Listeleme sayılar ile yapılır.
  • A : Listeleme büyük harfler ile yapılır.
  • a : Listeleme küçük harfler ile yapılır.
  • I : Listeleme büyük roma rakamları ile yapılır.
  • i : Listeleme küçük roma rakamları ile yapılır.
<li> Liste elemanlarını eklemek için kullanılır. Her bir liste elemanı ( <li> ),  bulunduğu satırı tamamen (100%) kaplar. Yani li etiketi bir block etikettir.
<dl> Açıklamalı liste oluşturmak için kullanılır.
<dt> Açıklamalı liste elemanlarına başlık vermek için kullanılır.
<dd> Açıklamalı liste elemanlarını oluşturmak için kullanılır.

Html Listeleme Etiketleri – ul Etiketi – ol Etiketi

Html Listeleme Örnekleri – İç İçe Listeler

<table> Tablo oluşturmak için kullanılır.
<caption> Tabloya başlık eklemek için kullanılır.
<th> Tabloda başlık alanları eklemek için kullanılır.
<tr> Tabloda yeni bir satır eklemek için kullanılır.
<td> Tabloda yeni bir hücre eklemek için kullanılır.
<thead> Tablo kodlarının daha düzenli olması için başlık kodları bu etiket içerisine yazılabilir.
<tbody> Tablo kodlarının daha düzenli olması için içerik kodları bu etiket içerisine yazılabilir.
<tfoot> Tablo kodlarının daha düzenli olması için alt bilgi kodları bu etiket içerisine yazılabilir.
<col> Tablo sütun gruplarına uygulanacak özellikleri belirtmek için kullanılır.
<colgroup> Tablo sütun grubu oluşturmak için kullanılır.

Html Tablo Oluşturma

Html Tablo Örnekleri

FORM OLUŞTURMAK İÇİN KULLANDIĞIMIZ HTML KODLARI VE ANLAMLARI

<form>

Form oluşturmak için kullanılır. Değişik amaçlar için form etiketi ile birlikte kullandığımız parametreler vardır. Bunlar:

  • action : Form içerisindeki bilgileri göndermek istediğimiz adresi (Url’i) belirtiriz.
  • method : Get veya Post değeri verebiliriz.
  • enctype : Gönderilen verilerin kodlamasını belirtir.
  • autocomplete : Tarayıcının formu otomatik tamamlaması gerekip gerekmediği belirtilir. Varsayılan değeri on‘dur.
  • novalidate : Tarayıcının formdaki bilgileri doğrulama zorunluluğunu iptal etmiş oluruz.
<input>

Tek satırlık metin girişini sağlamak için kullanılır. İnput etiketinin type parametresine şu değerleri verebiliriz:

  • text : Tek satırlık bir metin girişi için kullanılır. Varsayılan genişliği 20 karakterdir.
  • email : Geçerli bir email adresinin girilmesini zorunlu kılar. Örneğin email adresini yazarken @ karakteri yoksa hatalı mail adresi olduğu için uyarı verir.
  • password : Bir şifre alanı tanımlar. Girilen değerler yuvarlak siyah daireler şeklinde görünür.
  • button : İnput nesnesini buton görünümünde oluşturur.
  • file : İnput nesnesini bir dosya seçebileceğimiz şekilde oluşturur.
  • checkbox : Kullacıya sunmuş olduğumuz seçeneklerden bir seçeneği seçmesini, birden fazla seçeneği aynı anda seçmesini veya hiçbirini seçmemesini istediğimiz durumlarda kullanırız.
  • radio: Kullanıcıya birden çok seçenek içerisinde sadece birisini seçmesini istediğimiz durumlarda kullanırız.
  • submit : Form içerisindeki bilgileri sunucuya göndermek için kullanılır. Yani type parametresi submit olan input’a tıklandığında içerisinde bulunduğu formdaki girilmiş tüm bilgileri action parametresinde belirtmiş olduğumuz adrese gönderir.
  • reset : Girilen tüm form bilgilerini varsayılan değerlerine döndürür. Yani formu temizler diyebiliriz. 
  • color : Renk seçmemiz için bir palet oluşturur.
  • number : Sayısal bir değer girilmesini zorunlu kılar. min ve max parametreleri ile sayısal değeri belirli bir aralıkta sınırlandırabilirsiniz.
  • range: Bu değer input nesnesini media player’larda ses azaltıp çoğaltma aracı gibi yapar. 
  • url : Geçerli bir Url formatı girilmesini zorunlu kılar.
  • date : Tarih seçmemiz için bir seçici oluşturur.
  • time : Saat belirlememizi sağlar.
  • month : Yıl ve ay seçmemiz için bir seçici oluşturur.
  • week : Yıl ve hafta seçmemiz için bir seçici oluşturur.
  • search : Arama alanları için kullanılır. Normal bir metin alanı gibi davranır. Tek farkı bir içerik yazdıktan sonra sağ tarafında çarpı işareti oluşuyor. Ona basarak içeriği silebiliyoruz. Birde arama motorları için bu input’un bir arama kutusu olduğunu belirtmiş oluyoruz. 
  • hidden : Bu değeri genelde sunucu tarafındaki işlemlerimiz için kullanırız.

Input etiketien çok kullanılan Html etiketlerinden biridir. Bu yüzden input etiketini biraz daha detaylı anlatacağım.

Şimdi de input etiketi ile kullandığımız diğer attribute’lara bakalım:

  • disabled : İnputu pasif hale getirir. Pasif olan bir input kullanılamaz ve form gönderilirken bunun değeri gönderilmez.
  • placeholder : Bu parametreye verilen değer input içerisinde görünür. Ama input’a odaklanıldığında yani birşey yazarken o değer görünmez. Eğer input içindeki yazıları tekrar silersek yine placeholder değeri görünmeye başlar. 
  • multiple : Birden fazla seçim yapılmasını sağlar.
  • min ve max : Type parametresi number, date vb.. olan inputlarda minimum ve maximum değerler vermek için kullanılır.
  • maxlength : İnputa yazılacak max karakter sayısını belirlememizi sağlar.
  • pattern: Bu parametre ile inputlara girilen değerlerin belirli bir koşula göre olmasını sağlayabiliriz.
  • readonly : İnputa bilgi girilemez, sadece okuma yapılabilir.
  • required : Bu parametrenin verildiği inputlar doldurulmak zorundadır. Doldurulmadan form gönderilemez.
  • size : İnputun boyutunu karakter olarak belirlememizi sağlar.
  • step : Örneğin type parametresi number olan bir input olsun. Normalde bu inputta değerler 1’er artar ve azalır. Biz bu inputun step parametresine 15 değerini verdiğimizi düşünelim. Artık 1’er değilde 15’er artıp azalacaktır.
  • value : İnputun başlangıç değerini belirtir.
  • autocomplete : Tarayıcının inputu otomatik tamamlaması gerekip gerekmediği belirtilir. Varsayılan değeri on‘dur.
  • checked : Type parametresi checkbox ve radio olan inputlarda kullanılır. Bu inputlara checked parametresini verdiğimiz zaman seçili halde görünürler.
  • accept : Belirli dosya türleri ile işlem yapmak için kullanılır.
  • autofocus : Sayfa yüklendiğinde, bu parametrenin verildiği inputa odaklanma olur.
<textarea> Normal input lardan daha geniş metin alanları oluşturmak için kullanılır. Bu metin alanlarına rows parametresi ile yükseklik, cols parametresi ile genişlik değerleri verebiliriz.
<button>

Tıklanabilir buton oluşturmak için kullanılır. Button etiketinin type parametresine 3 farklı değer verebiliyoruz. Bunlar:

  • button : Standart buton eklemek için kullanılır.
  • submit : Doldurulan form bilgilerinin sunucuya gönderilmesi için gerekli butonu eklerken kullanılır.
  • reset : Doldurulan form bilgilerinin temizlenmesi için gerekli butonu eklerken kullanılır.

Yapmış oldukları işlev farklı olsa da üçünün de görünümleri aynıdır.

<select> Html formlarında açılır bir menü oluşturmak için kullanılır. Select etiketi ile menüyü, option etiketi ile de menünün her bir elemanını ekleriz.
<optgroup> Açılır menüdeki elemanları gruplamak için kullanılır.
<option> Açılır menünün her bir elemanını eklemek için kullanılır.
<label> Form öğeleri için etiket belirtmemizi sağlar.
<fieldset> Form elemanlarını gruplamak için kullanılır.
<legend> Fieldset etiketi ile grupladığımız form elemanlarına başlık tanımlamamızı sağlar.
<datalist> Özel liste seçenekleri sunmak için kullanılır. Datalist etiketi Html5 ile gelen yeni bir etiket olduğu için Safari tarayıcısı tarafından hala tam olarak desteklemiyor.

Tüm Detaylarıyla Html Form Oluşturma

Html Buton Ekleme – Bağlantılı Html Buton Oluşturma

Html Form Örnekleri (İletişim Formu, Kayıt Formu vb..)

<img>

Sayfalarımıza resim eklemek için img etiketini kullanıyoruz. Sadece bu etiketi kullanmamız yetmiyor.

img etiketi ile aşağıdaki attribute’ları kullanabiliyoruz:

  • src : Bu attribute ile resim nerde bulunuyor ise onun yolunu belirtiyoruz.
  • alt : Eğer resmin yolu yanlış yazılmış veya resim herhangi bir nedenden dolayı görüntülenemezse, resmin yerine alt attribute’una yazmış olduğumuz metin görüntülenecektir. Örneğin resmimiz bir araba resmi ise, alt attribute’una araba ile ilgili birşeyler yazarsak resim görüntülenemediğinde alt attribute’unun değeri sayesinde neyle ilgili bir resim olduğunu anlayabiliriz.
  • width ve height : Bu attribute’lar ile resimlere genişlik ve yükseklik değerleri verebiliriz.
  • title : Bu attribute ile resim hakkında ek bilgiler tanımlayabiliriz. Resmin üzerine fare ile gelindiğinde bu bilgiler bir tooltip ile kullanıcıya gösterilir.

 Önemli :  Resimler yüklenirken biraz zaman aldığı için web sitelerinin açılış hızlarını etkilerler. Bu yüzden sayfalarımızda kullanacağımız resim sayısına dikkat etmeliyiz.

 Önemli :  Yüksek çözünürlükteki resimler sitemizin açılış hızını olumsuz etkileyeceği için olabildiğinde resimleri optimize ederek kullanmaya çalışmalıyız. Tabi burada optimize ederken resmin kalitesini de çok fazla bozmamak gerekiyor.

<map> Resim haritası oluşturmak için kullanılır.
<area> Resim haritalarında alan koordinatı belirtirken kullanılır.
<canvas> Grafik çizmek için kullanılır.
<figcaption> Figure elemanı için bir başlık tanımlar.
<figure> Özel bir içerik alanı oluşturmak için kullanılır.
<iframe>

Var olan bir web sayfası içerisinde başka bir web sitesini, web sitesinin bir sayfasını veya youtube videoları gibi içerikleri görüntülememizi sağlar.

Örneğin sitemizde video paylaşımı yapmak istiyorsak, genelde videoları youtube gibi paylaşım sitelerine yükleriz. Daha sonra videoların iframe kodunu alıp web sayfamıza yerleştirdiğimizde, o video artık sayfamızda izlenebilir duruma gelir. Böylece video başka bir yerde depolandığından kendi sunucumuzdaki depolama alanından tasarruf sağlamış oluruz.

iframe etiketi ile kullanabildiğimiz attribute’lar şunlardır:

  • src : Göstermek istediğimiz web sitesinin veya videonun kaynak adresini belirtiriz.
  • width : Iframe’in genişliğini belirtiriz. Değeri pixel veya % (yüzde) olarak verebiliriz.
  • height : Iframe’in yüksekliğini belirtiriz. Değeri pixel veya % (yüzde) olarak verebiliriz.
  • frameborder : Iframe’in kenarlığının kalınlığını belirtmek için kullanırız. iframe’lerin varsayılan olarak bir kenarlığı bulunuyor. Eğer frameborder’a 1 değerini verirsek kenarlık koyarken, 0 değerini verdiğimizde kenarlık olmaz.
  • border : Iframe’in kenar kalınlığını belirtiriz.
  • title : Iframe’in başlığını belirtiriz.
  • name : Iframe’e isim vermek için kullanırız.
  • scrolling : Kaydırma çubuklarının durumunu belirtiriz. Varsayılan değeri auto‘dur. Yani iframe ile çağrılan sayfa, pencere içerisine sığmadığında kenar çubukları oluşur. Eğer no değerini verirsek kenar çubukları hiç bir koşulda oluşmaz. Eğer yes değerini verirsek kenar çubukları her zaman görünür durumda olur.
  • align : Iframe’in konumunu belirtiriz. Şu değerleri verebiliriz: left, right, top, middle, bottom.
<audio> Ses veya müzik içerikleri eklemek için kullanılır.
<source> Medya öğeleri için birden fazla medya kaynaklarını tanımlar.
<track> Medya öğeleri için metinleri tanımlar.
<video> Video içerikleri eklemek için kullanılır.

Html Resim Ekleme

Html Resme Link Verme

Html iframe Nedir? iframe Kullanımı ve iframe Kodu

Siteye Youtube Video Ekleme (iframe Kodu İle)

Siteye Google Map Ekleme (Harita, Adres, Konum Ekleme)

HTML5 İLE GELEN ANLAMSAL HTML KODLARI VE ANLAMLARI

Bu etiketler anlamsal etiketler olduğu için açıklama kısımlarına birşey yazmadım. Bu anlamsal Html etiketleri ile ilgili Html Div Nedir? Span Nedir? Div ve Span Kullanımı yazımı okuyarak daha iyi anlayabilirsiniz.

<header>  
<footer>  
<main>  
<section>  
<article>  
<aside>  
<nav>  
<details>  
<summary>  

DİĞER HTML KODLARI VE ANLAMLARI

<noscript> Script çalıştırma özelliği kapalı tarayıcılar için alternatif kod bölümü oluşturur
<embed> Sayfalarımıza dışardan bir obje gömmemizi sağlar
<object> Sayfalarımıza nesneleri gömmemizi sağlar
<param> Bir nesne için parametre tanımlamamızı sağlar
<time> Bir tarih veya saat tanımlarken kullanılır
<progress> Bir sürecin ilerleme durumunu belirtmek için kullanılır
<output> Bir hesaplamanın sonucunu tanımlar
<base> Tüm linkler için kaynak kök adresi belirtmeyi sağlar

Umarım “Tüm Html Kodları ve Anlamları – Detaylı Anlatım” başlıklı yazım sizin için faydalı olmuştur.

Tüm html kodlarının pdf halini aşağıdaki linkten indirebilirsiniz.

Html kodları pdf indir.

Yeni bir yazımda görüşmek üzere.

Kaynaklar : w3schools

109 Yorum

  1. blank ali Ağustos 5, 2020 Cevapla
    • blank admin Eylül 11, 2020
  2. blank Ali Eylül 19, 2020 Cevapla
    • blank admin Eylül 22, 2020
  3. blank Aynur Aralık 13, 2020 Cevapla
    • blank admin Aralık 13, 2020
  4. blank esattt Aralık 21, 2020 Cevapla
    • blank admin Aralık 21, 2020
  5. blank kara Ocak 2, 2021 Cevapla
    • blank admin Ocak 30, 2021
  6. blank Mr. X Ocak 4, 2021 Cevapla
    • blank admin Ocak 30, 2021
  7. blank Mrx Ocak 4, 2021 Cevapla
  8. blank zeynep Mart 2, 2021 Cevapla
    • blank admin Mart 13, 2021
  9. blank kapqa Mart 3, 2021 Cevapla
    • blank admin Mart 13, 2021
    • blank admin Mart 13, 2021
  10. blank Ebubekir Mart 6, 2021 Cevapla
    • blank admin Mart 13, 2021
  11. blank Eda Özdemir Mart 19, 2021 Cevapla
    • blank admin Mart 31, 2021
  12. blank Eda Özdemir Mart 19, 2021 Cevapla
    • blank admin Mart 31, 2021
  13. blank sümeyye Nisan 9, 2021 Cevapla
  14. blank Yusuf ATALAY Nisan 11, 2021 Cevapla
    • blank admin Nisan 20, 2021
  15. blank irem Nisan 16, 2021 Cevapla
    • blank admin Nisan 20, 2021
  16. blank Mustafa Nisan 20, 2021 Cevapla
    • blank admin Nisan 27, 2021
  17. blank birisi işte Nisan 26, 2021 Cevapla
    • blank admin Nisan 27, 2021
  18. blank Erdem Nisan 28, 2021 Cevapla
    • blank admin Mayıs 5, 2021
  19. blank Demir Bayraktar Mayıs 11, 2021 Cevapla
    • blank admin Haziran 2, 2021
  20. blank Anıl Altuncu Mayıs 19, 2021 Cevapla
    • blank admin Haziran 2, 2021
  21. blank Uğur Haziran 21, 2021 Cevapla
  22. blank Uğur Haziran 21, 2021 Cevapla
  23. blank Uğur Haziran 21, 2021 Cevapla
    • blank admin Temmuz 21, 2021
  24. blank Furkan Akman Temmuz 16, 2021 Cevapla
    • blank admin Temmuz 21, 2021
  25. blank Efebakan Temmuz 17, 2021 Cevapla
    • blank admin Temmuz 18, 2021
  26. blank Furkan Temmuz 18, 2021 Cevapla
    • blank admin Temmuz 21, 2021
  27. blank Muhammed Temmuz 23, 2021 Cevapla
    • blank admin Kasım 26, 2021
  28. blank Gizem Eylül 3, 2021 Cevapla
    • blank admin Kasım 26, 2021
  29. blank Ali Mert Eylül 4, 2021 Cevapla
    • blank admin Kasım 26, 2021
  30. blank sefa sarıçam Eylül 11, 2021 Cevapla
    • blank admin Kasım 26, 2021
  31. blank akif sayar Eylül 15, 2021 Cevapla
    • blank admin Kasım 26, 2021
  32. blank şaban Ekim 14, 2021 Cevapla
    • blank admin Kasım 26, 2021
  33. blank Fatih Ekim 17, 2021 Cevapla
    • blank admin Kasım 26, 2021
  34. blank Kaya Kasım 4, 2021 Cevapla
    • blank admin Kasım 26, 2021
  35. blank raisko Kasım 20, 2021 Cevapla
    • blank admin Kasım 26, 2021
  36. blank raisko Kasım 21, 2021 Cevapla
    • blank admin Kasım 26, 2021
  37. blank Adem Can Aralık 2, 2021 Cevapla
  38. blank Fatma Aralık 12, 2021 Cevapla
  39. blank hasan Aralık 15, 2021 Cevapla
  40. blank Emre Aralık 16, 2021 Cevapla
  41. blank Kadir çengel Aralık 29, 2021 Cevapla
  42. blank nihat Ocak 5, 2022 Cevapla
  43. blank Musab Şubat 1, 2022 Cevapla
  44. blank Muhammet Emin Şubat 4, 2022 Cevapla
  45. blank hasan oral Mart 3, 2022 Cevapla
  46. blank Hakan Karadeniz Mart 10, 2022 Cevapla
  47. blank Mazlum TALMAÇ Mart 12, 2022 Cevapla
  48. blank Tunahan Mart 26, 2022 Cevapla
  49. blank Tunahan Mart 26, 2022 Cevapla
  50. blank Eren Nisan 7, 2022 Cevapla
  51. blank Esra K Mayıs 12, 2022 Cevapla
  52. blank Yhlas Mayıs 30, 2022 Cevapla
  53. blank onur Haziran 3, 2022 Cevapla
  54. blank onur Haziran 3, 2022 Cevapla
  55. blank fatih Haziran 3, 2022 Cevapla
  56. blank burak Haziran 14, 2022 Cevapla
  57. blank ali cem yıldız Haziran 23, 2022 Cevapla
  58. blank mustafa Temmuz 31, 2022 Cevapla
  59. blank MUNLU Ağustos 2, 2022 Cevapla
  60. blank Bircan Ağustos 5, 2022 Cevapla
  61. blank Özgür Aksu Ağustos 7, 2022 Cevapla
  62. blank Sıla Yakar Ağustos 27, 2022 Cevapla
  63. blank Ömer Ağustos 28, 2022 Cevapla
  64. blank User233 Eylül 8, 2022 Cevapla
  65. blank Umut ÇELİK Ekim 2, 2022 Cevapla
  66. blank Muhammet Ekim 29, 2022 Cevapla
  67. blank Hamza Kasım 4, 2022 Cevapla
  68. blank İsmail Kasım 19, 2022 Cevapla
  69. blank Terlan Aralık 15, 2022 Cevapla
  70. blank user Ocak 16, 2023 Cevapla
  71. blank Muhammed babur Ocak 16, 2023 Cevapla
  72. blank Ramin Ocak 26, 2023 Cevapla
  73. blank Selimsy Nisan 27, 2023 Cevapla
  74. blank Canan Mayıs 17, 2023 Cevapla
  75. blank admin Haziran 4, 2023 Cevapla

Yorum Yazın